Flutter 让子项与列内另一个子项的宽度相匹配

Tim*_*lov 5 widget match width dart flutter

我正在尝试创建一个“事件”小部件,该小部件由排列在列中的两个文本小部件组成。事件小部件的宽度由第一个文本小部件(标题)确定。第二个文本(详细信息)应受标题宽度的限制并换行到下一行。这就是我想要的: https: //i.stack.imgur.com/0bbNr.png

我尝试过这种布局,但列的宽度设置为详细文本的宽度(最大的子项)

Column(
  mainAxisAlignment: MainAxisAlignment.start,
  children: [
    Text("Title"),
    Text("Some longer text that should wrap")
  ]
)
Run Code Online (Sandbox Code Playgroud)

小智 0

所以我知道我回答这个问题已经晚了。但我和你有同样的问题。环顾四周后,我很惊讶还没有人写过关于此的包。

所以我做了: https: //pub.dev/packages/flex_with_main_child

它看起来像这样:

ColumnWithMainChild(
  mainAxisAlignment: MainAxisAlignment.start,
  mainChild: Text("Title"),
  childrenBelow: [
    Text("Some longer text that should wrap"),
  ]
)
Run Code Online (Sandbox Code Playgroud)