重新格式化 ListTile UI Flutter

Question

我正在尝试创建一个购物车样式列表，用于在整个购物篮中添加和删除产品并添加成本。我想要指示购物篮中商品数量的按钮，但 UI 有问题。我希望商品名称和价格左对齐，柜台右对齐

我试过使用列表磁贴。

    ListTile(
          title:Text(record.name),
          subtitle: Text(record.sellingprice.toString()+" RMB"),
         trailing: 
     Row(mainAxisAlignment:MainAxisAlignment.end,children: 
    <Widget>[
      new FloatingActionButton(
        mini: true,
        onPressed: add,
        child: new Icon(Icons.add, color: Colors.black,),
        backgroundColor: Colors.white,),

      new Text('$_n',
          ),

      new FloatingActionButton(
        mini: true,
        onPressed: minus,
        child: new Icon(
            const IconData(0xe15b, fontFamily: 'MaterialIcons'),
            color: Colors.black),

      ),]),
      onTap: () => totalCost + record.sellingprice,
    ),

但这只是给我图像中显示的内容。知道如何解决吗？ ListTile spacing error

Answer 1

使行使用最小大小。

将此参数添加到行：

mainAxisSize: MainAxisSize.min,

重新格式化 ListTile UI Flutter

Reformatting ListTile UI Flutter

dart

flutter

flutter-layout