Question

我有一个完整的图像列表视图。图像一个接一个地放置。它们之间没有边距或填充，但我需要一些空间。 HTML中是否有类似
的东西？当我将填充添加到ListView时，图像上没有任何变化。我是否必须在每张图片上添加填充？

我尝试添加 padding：new EdgeInsets.only（底部：5.0，），展开和ListView。我已经在image.assets上尝试过相同的方法。什么都没有为我工作。

     child: new ListView(
     children: [
     Image.asset('images/offers/Beardshave.jpg',
     height: 240.0,
     fit: BoxFit.fill,),
     Image.asset('images/offers/GelNails.jpg',

     height: 240.0,
     fit: BoxFit.fill,),
     Image.asset('images/offers/Getintouch.jpg',
     height: 240.0,
     fit: BoxFit.fill,),
     Image.asset('images/offers/HotStone.jpg',
        height: 240.0,
        fit: BoxFit.fill,),
     Image.asset('images/offers/Lavendel-oil.jpg',
        height: 240.0,
        fit: BoxFit.fill,),
     Image.asset('images/offers/Paarmassage.jpg',
        height: 240.0,
        fit: BoxFit.fill,)
    ],

    ),
    ),

Answer 1

您可以创建一个像ImageWithPadding这样的组件，并返回一个带有image.asset的Padding小部件。

类似的东西：

ImageWithPadding() {
    return Padding(
      padding: EdgeInsets.all(8.0),
      child: Image.asset('images/offers/Paarmassage.jpg',
             height: 240.0,
             fit: BoxFit.fill,)

    )

Answer 2

是的，您必须通过使用填充小部件包装图像来向每个图像添加填充。另一个解决方案是使用Widget这样在imagen之间增加空间：

[

  Image.asset('images/offers/Beardshave.jpg',
     height: 240.0,
     fit: BoxFit.fill,),
 SizedBox(height: 10,),
 Image.asset('images/offers/GelNails.jpg',


]

如何在ListView中的图像之间添加边距/填充？

2 个答案: