在 Flutter 中的 Children<Widget> 中添加一个 Padding

Question

我有一个包含一些图像的网格视图。

但是你知道，它们彼此如此接近，我想给他们一个 space 另一个。

但我还是做不到。

我试着做了一些实验。但它仍然没有给我任何东西。问题是填充在 gridview 内部。如果我将它们（所有项目）放在 1 个容器、1 个容器、1 个容器等中，gridview 中有很多容器。

`Container(
            margin: new EdgeInsets.all(2.0),
            color: Colors.red,
            padding: EdgeInsets.all(10.0),
            child: GridView.count(
              physics: NeverScrollableScrollPhysics(),
              shrinkWrap: true,
              crossAxisCount: 6,
              children: <Widget>[
                Image.asset('images/user.png', width: 30.0),
                Image.asset('images/user.png', width: 30.0),
                Image.asset('images/user.png', width: 30.0),
                Image.asset('images/user.png', width: 30.0),
                Image.asset('images/user.png', width: 30.0),
                Image.asset('images/user.png', width: 30.0),
                Image.asset('images/user.png', width: 30.0),
                Image.asset('images/user.png', width: 30.0),
                Image.asset('images/user.png', width: 30.0),
                Image.asset('images/user.png', width: 30.0),
                Image.asset('images/user.png', width: 30.0),
              ],
            ),
          ),

这里是预览：https://imgur.com/ot3phXV`

Answer 1

您可以在 children 之间添加 SizedBox。

SizedBox(
  width: 200.0,
  height: 300.0,
)

您的代码可以编辑成

Container(
    margin: new EdgeInsets.all(2.0),
    color: Colors.red,
    padding: EdgeInsets.all(10.0),
    child: GridView.count(
      physics: NeverScrollableScrollPhysics(),
      shrinkWrap: true,
      crossAxisCount: 6,
      children: <Widget>[
        Image.asset('images/user.png', width: 30.0),
        SizedBox(width: 10,height: 10,),
        Image.asset('images/user.png', width: 30.0),
        SizedBox(width: 10,height: 10,),
        Image.asset('images/user.png', width: 30.0),
        SizedBox(width: 10,height: 10,),
        Image.asset('images/user.png', width: 30.0),
        SizedBox(width: 10,height: 10,),
        Image.asset('images/user.png', width: 30.0),
        SizedBox(width: 10,height: 10,),
        Image.asset('images/user.png', width: 30.0),
        SizedBox(width: 10,height: 10,),
        Image.asset('images/user.png', width: 30.0),
        SizedBox(width: 10,height: 10,),
        Image.asset('images/user.png', width: 30.0),
        SizedBox(width: 10,height: 10,),
        Image.asset('images/user.png', width: 30.0),
        SizedBox(width: 10,height: 10,),
        Image.asset('images/user.png', width: 30.0),
        SizedBox(width: 10,height: 10,),
        Image.asset('images/user.png', width: 30.0),
      ],
    ),
  ),

Answer 2

为了space在gridview中互相设置gridview的mainAxisSpacing & crossAxisSpacing属性，

GridView.count(
          physics: NeverScrollableScrollPhysics(),
          shrinkWrap: true,
          crossAxisCount: 6,
          mainAxisSpacing: 8.0,
          crossAxisSpacing: 8.0,
          children: <Widget>[
            Image.asset('images/user.png', width: 30.0),
            Image.asset('images/user.png', width: 30.0),
            Image.asset('images/user.png', width: 30.0),
            Image.asset('images/user.png', width: 30.0),
            Image.asset('images/user.png', width: 30.0),
            Image.asset('images/user.png', width: 30.0),
            Image.asset('images/user.png', width: 30.0),
            Image.asset('images/user.png', width: 30.0),
            Image.asset('images/user.png', width: 30.0),
            Image.asset('images/user.png', width: 30.0),
            Image.asset('images/user.png', width: 30.0),
          ],
        ),

在 Flutter 中的 Children<Widget> 中添加一个 Padding

Add a Padding inside Children<Widget> in Flutter

margin

padding

flutter

flutter-layout