
我對如何使填充看起來更加用戶友好感到困惑。此外,我想在底部導航欄上的所有 3 個專案之間保持對稱距離。我該怎么做?
uj5u.com熱心網友回復:
使用 spacer 類來提供空間。間隔小部件將占用任何可用空間
Row(
children: const <Widget>[
Text('Begin'),
Spacer(), // Defaults to a flex of one.
Text('Middle'),
// Gives twice the space between Middle and End than Begin and Middle.
Spacer(flex: 2),
Text('End'),
],
)
uj5u.com熱心網友回復:
在 Row() 小部件內添加 mainAxisAlignment: MainAxisAlignment.spaceAround,,這將確保孩子們周圍有相同的空間。
uj5u.com熱心網友回復:
SizedBox在 2 之間使用Widgets
const SizedBox(width: 16.0),
或一個Widget包裹Padding并給予一側填充,如左或右
const Padding(padding: EdgeInsets.only(right: 16.0)),
或Spacer在 2 之間使用Widgets
const Spacer(),
或者你可以使用Row Widgets
Row(
// you can use anyone of them, this properties space given equally according properties
mainAxisAlignment: MainAxisAlignment.spaceAround,
mainAxisAlignment: MainAxisAlignment.spaceBetween,
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: [
Text("Text 1"),
Text("Text 2"),
Text("Text 3"),
]
)
轉載請註明出處,本文鏈接:https://www.uj5u.com/qita/456508.html
