我正在尝试在卡片小部件中的某些文本和图标的顶部和底部添加一些填充。我发现 flutter 有一种简单的方法可以对容器执行此操作,但似乎找不到对其他小部件执行此操作的方法(除了将它们包装在容器中之外)。这是我到目前为止得到的代码:
body: new Container(
padding: new EdgeInsets.all(10.0),
child: new Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: <Widget> [
new Card(
color: Colors.white70,
child: new Container(
padding: new EdgeInsets.all(10.0),
child: new Column(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
crossAxisAlignment: CrossAxisAlignment.center,
children: <Widget> [ //Padding between these please
new Text("I love Flutter", style: new TextStyle(fontSize: 20.0, fontWeight: FontWeight.bold)),
new Icon(Icons.favorite, color: Colors.redAccent, size: 50.0)
]
)
)
)
]
)
)
因此,在我的子列中,我想在顶部和底部添加一些填充,而不必插入新的容器。这可能吗?
您可以使用Padding
,这是一个非常简单的Widget
那只需要另一个Widget
as a child
and an EdgeInsets
像您已经使用的对象一样padding
.
Flutter 中这种“组合优于继承”的做法是很有用意的。您可以在 Flutter 上找到最近关于优缺点的讨论吉特频道 https://gitter.im/flutter/flutter?at=58ff58a908c00c092ab41dc9.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)