Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/dart/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Dart 展开列以适应屏幕宽度_Dart_Flutter - Fatal编程技术网

Dart 展开列以适应屏幕宽度

Dart 展开列以适应屏幕宽度,dart,flutter,Dart,Flutter,所以我想弄清楚如何让卡片小部件在Flatter中变为全宽,基本上它只根据它的子对象扩展它的宽度,我希望它适合屏幕,任务相当简单,但我很难做到这一点,在我的脚手架中,它基本上包含两张卡片,并且有一些文本,卡片只扩展到文本末尾的大小,我希望卡片是全宽的,我如何实现这一点 我希望这张卡片能够覆盖整个屏幕,但是卡片只能包装儿童文本小部件,试试这个 Column( mainAxisSize: MainAxisSize.min, children: <Widge

所以我想弄清楚如何让卡片小部件在Flatter中变为全宽,基本上它只根据它的子对象扩展它的宽度,我希望它适合屏幕,任务相当简单,但我很难做到这一点,在我的脚手架中,它基本上包含两张卡片,并且有一些文本,卡片只扩展到文本末尾的大小,我希望卡片是全宽的,我如何实现这一点

我希望这张卡片能够覆盖整个屏幕,但是卡片只能包装儿童文本小部件,试试这个

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([...])
)