請在下面查看我的代碼和螢屏截圖。我想Text("to be center")水平定位在中心，但相對位于右側，如下圖所示。
我理解它是因為我正在使用擴展小部件并設定 flex 1 和 4 并Text("to be center")包含在后面的塊中。我如何才能完全或相對居中但使用像這種情況下的擴展和彈性屬性？
我也知道我可以通過Text()填充和設定來調整它，EdgeInsets.only(right:X)但我不知道它是否完全被 cenerized ......
Row(
children: [
Expanded(
flex:1,
child:TextButton(
style: TextButton.styleFrom(
alignment: Alignment.centerLeft,
),
child: const Icon(
Icons.close,
color: MyStyle.textColor,
),
onPressed: () {
Navigator.of(context).pop();
},
),
),
Expanded(
flex:4,
child: Container(
alignment: Alignment.center,
decoration: const BoxDecoration(
),
child: Text("to be center",style: MyText(myFontSize: 15).style()),
)
),
],
),
uj5u.com熱心網友回復：
試試下面的代碼：參考
uj5u.com熱心網友回復：
只用Spacer在里面Row
Row(
children: [
Expanded(
flex: 1,
child: TextButton(
style: TextButton.styleFrom(
alignment: Alignment.centerLeft,
),
child: const Icon(
Icons.close,
color: MyStyle.textColor,
),
onPressed: () {
Navigator.of(context).pop();
},
),
),
Expanded(
flex: 4,
child: Container(
alignment: Alignment.center,
decoration: const BoxDecoration(),
child: Text(
"to be center",
style: MyText(myFontSize: 15).style(),
),
),
),
// like this
const Spacer(),
],
),
uj5u.com熱心網友回復：
簡單的解決方案可能是：
- 使用小部件的textAlign屬性
Text或 Text用Center小部件內部的小部件包裝小Expanded部件或- 您甚至可以使用小部件探索小
IntrinsicWidth部件Center。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/529421.html
標籤：扑