ConstrainedBox 中有兩行。第一行有兩個小部件，然后我想在它們之間展示空間。第二行只有一個小部件，其大小始終不相同（如聊天中的文本）。問題是第一行的長度沒有跟隨第二行，如何解決？謝謝！
ConstrainedBox(
constraints: const BoxConstraints(maxWidth: 300 ) ,
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
mainAxisSize: MainAxisSize.min,
children: [
Flexible(child: const Text("Flutter")),
const Image(image: NetworkImage("https://penueling.com/wp-content/uploads/2020/11/flutter.jpg"), width: 40, height: 20,),
],
),
const Text("1111111111111"),
],
))
uj5u.com熱心網友回復：
您可以使用Stack和Positioned小部件的組合來實作此布局。基本上，您制作 aColumn 及以上，然后將影像添加到 a 中Stack，然后指示影像轉到右上角。
像這樣的東西（我用一個圖示作為例子）：
ConstrainedBox(
constraints: const BoxConstraints(
maxWidth: 300,
),
child: Stack(children: [
Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: const [Text("Flutter"), Text('1111111111111')]),
const Positioned(
top: 0, right: 0, child: Icon(Icons.person, size: 16))
])),
如果底部文本占用的空間比Flutter文本少，這可能會給您帶來問題。如果發生這種情況，您可以將另一個約束添加到BoxConstraints：
minWidth: 100,
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/469463.html
上一篇：引數型別“List<DropdownMenuItem<String>>”不能分配給引數型別“List<String>”