flutter - 删除卡之间的空间

Question

如何删除 之间的列空间Card？

@override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("Sample"),
      ),
      body: Column(
        children: <Widget>[
          Card(
              child: Padding(
            padding: EdgeInsets.all(15),
            child: Text("Card 1"),
          )),
          Card(
            child: Padding(padding: EdgeInsets.all(15), child: Text("Card 2")),
          )
        ],
      ),
    );
  }

输出

Answer 1

默认情况下，card小部件的默认margin设置为4.0 logical pixels，要消除空格，您可以margin根据自己的喜好调整默认设置：

我以您的小部件树为例添加了一个演示：

Column(
                children: <Widget>[
                  Card(
                    // set the margin to zero
                    margin: EdgeInsets.zero,
                    child: Text("Card 1"),
                  ),
                  Card(
                    // set the margin to zero
                    margin: EdgeInsets.zero,
                    child: Text(
                      "Card 2",
                    ),
                  )
                ],
              ),

Answer 2

错误是因为您使用。padding: EdgeInsets.all(15)在你的卡里。您只能在所需的侧面使用合金填充物。在卡片中尝试添加margin:EdgeInsets.zero

 Card(
        margin: EdgeInsets.zero,
     ),

Answer 3

Flutter 中的default margin所有边都是 4.0 像素。改变这个集合

margin: EdgeInsets.zero 

要了解更多关于margins去这里