PROSAGA码农传奇-flutter-如何在行项之间设置修复空间

如何在行项之间设置修复空间

作者: 不见你
发布时间: 2024-09-01 12:23:59 (8天前)
转自：

<div class =“post-text”itemprop =“text”>
  <P>
    你可以使用
     <code>
      Container
    </code>
     用的比较小
     <code>
      width
    </code>
    ：
  </p>
   <pre>
    <code>
           Widget displayRow(String imageName, String text, TextStyle textStyle) {
  Widget widget = Container(
  margin: const EdgeInsets.symmetric(vertical: 8.0),
  color: Colors.green,
  child: Row (
    mainAxisAlignment: MainAxisAlignment.start,
    children: <Widget>[
      Image.asset(
          "images/${imageName}",
          width: 32.0,
          height: 32.0,
          alignment: Alignment.center,
          fit: BoxFit.scaleDown
      ),

Container(width: 10.0), // You can adjust it to suit your design

Text(text, style: textStyle),
    ],
  ),

height: 120.0,
  );

return widget;
}

</code>
  </pre>
  <P>
    你也可以选择包装
     <code>
      Image
    </code>
     里面的小部件
     <code>
      Container
    </code>
     并给它一定的
     <code>
      padding
    </code>
     ：
  </p>
   <pre>
    <code>
        Container(
   padding: EdgeInsets.all(15.0),
   child: Image.asset(
          "images/${imageName}",
          width: 32.0,
          height: 32.0,
          alignment: Alignment.center,
          fit: BoxFit.scaleDown
      ),
  ),

</code>
  </pre>
</DIV>