Dart 展开列以适应屏幕宽度
所以我想弄清楚如何让卡片小部件在Flatter中变为全宽,基本上它只根据它的子对象扩展它的宽度,我希望它适合屏幕,任务相当简单,但我很难做到这一点,在我的脚手架中,它基本上包含两张卡片,并且有一些文本,卡片只扩展到文本末尾的大小,我希望卡片是全宽的,我如何实现这一点 我希望这张卡片能够覆盖整个屏幕,但是卡片只能包装儿童文本小部件,试试这个Dart 展开列以适应屏幕宽度,dart,flutter,Dart,Flutter,所以我想弄清楚如何让卡片小部件在Flatter中变为全宽,基本上它只根据它的子对象扩展它的宽度,我希望它适合屏幕,任务相当简单,但我很难做到这一点,在我的脚手架中,它基本上包含两张卡片,并且有一些文本,卡片只扩展到文本末尾的大小,我希望卡片是全宽的,我如何实现这一点 我希望这张卡片能够覆盖整个屏幕,但是卡片只能包装儿童文本小部件,试试这个 Column( mainAxisSize: MainAxisSize.min, children: <Widge
Column(
mainAxisSize: MainAxisSize.min,
children: <Widget>[
Container(
width: double.infinity,
child: new Card(child: Text("This Card is Expanded to full width"),),
)
],
)
列(
mainAxisSize:mainAxisSize.min,
儿童:[
容器(
宽度:double.infinity,
子卡:新卡(子卡:文本(“此卡扩展为全宽”),
)
],
)
您可以使用
将
列
包装在容器
小部件中,并将其宽度设置为double.infinity
这样可以保存一些代码行
示例代码:
Container(
width : double.infinity,
child: Column([...])
)
在您的-
专栏中添加-crossAxisAlignment:crossAxisAlignment.stretch,
正是我想要的,非常感谢!!我可以看到我可能会为未来更复杂的应用提供这些…谢谢你的帮助我看到我们也可以使用double.infinity扩展容器…谢谢你的帮助
Container(
width : double.infinity,
child: Column([...])
)