删除卡之间的space

Question

如何删除 Card 之间的列 space？

@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

Flutter中的default margin四面都是4.0像素。要更改此设置

margin: EdgeInsets.zero

要了解有关 margins 的更多信息，请转到 here

Answer 3

错误是因为你使用。 padding: EdgeInsets.all(15) 在您的名片中。您可以 alloy 仅在需要的边填充。在卡片中尝试添加 margin:EdgeInsets.zero

 Card(
        margin: EdgeInsets.zero,
     ),

删除卡之间的space

Remove space between Card

space

dart

flutter

card