展开列以适合屏幕宽度

Question

所以我想弄清楚如何使Card小部件在颤动时变为全宽，基本上它仅根据其子级来扩展其宽度，我希望它适合屏幕，任务相当简单，但是我很难过实现这一点，在我的脚手架中，它基本上包含两个卡片，并且其中包含一些文本，卡片仅扩展到文本末尾的大小，我希望卡片为全角，我该如何实现？ >

我希望卡片可以全屏显示，但是卡片只能包裹子文本小部件

Answer 1

尝试一下。

Column(
          mainAxisSize: MainAxisSize.min,
          children: <Widget>[
            Container(
              width: double.infinity,
              child: new Card(child: Text("This Card is Expanded to full width"),),
            )
          ],
        )

Answer 2

您可以使用MediaQuery

获取屏幕宽度

final screenWidth = MediaQuery.of(context).size.width;

Answer 3

将Column包装在Container小部件中，并将其宽度设置为double.infinity

这样，您将保存一些代码行。

示例代码：

Container(
  width : double.infinity,
  child: Column([...])
)

Answer 4

  body: Column(
        mainAxisAlignment: MainAxisAlignment.start,
        crossAxisAlignment: CrossAxisAlignment.stretch,
        children: <Widget>[
          Expanded(
            // flex:3,
              child: Container(
                padding: EdgeInsets.all(20.0),
                color: Colors.cyan,
                child: Text('1'),
              )//Container
          ),//Expanded         
        ],
      )//column

这应该可以解决问题