下面的可滑动调整大小的小部件

Question

我正在使用 Slidable，只要使用它，下面的小部件就会向上移动。

Widget buildItemList(BuildContext context, DocumentSnapshot document) {
    return new Container(
          child: Card(
          elevation: 10.0,
          margin: new EdgeInsets.symmetric(horizontal: 10.0, vertical: 10.0),
            child: Slidable(
                actionPane: SlidableDrawerActionPane(),
                //actionExtentRatio: 0.25,
                closeOnScroll: false,
                secondaryActions: <Widget>[
                  IconSlideAction(
                    caption: 'Delete',
                    color: Colors.red,
                    icon: Icons.delete,
                    onTap: (){},
                  )
                ],
            child: Row(
              mainAxisAlignment: MainAxisAlignment.spaceBetween,

              // Unnecessary code was removed

              children: <Widget>[
                Container(
                  padding: const EdgeInsets.only(right: 12.0),
                  child: Row(
                    children: <Widget>[
                      Text('0'),
                      Text('/'),
                      Text(document['value'].toString())
                    ],)
                )          
              ]
            ),
        ),
      ),
    );
  }

无论我把 Slidable 放在哪里，它总是会调整小部件的大小。 有人能帮忙吗？

谢谢！

Answer 1

这将解决问题

  child: Row(
    mainAxisAlignment: MainAxisAlignment.spaceBetween,
    children: <Widget>[
      Expanded(
        child: Container(
            height: double.maxFinite,
            width: double.maxFinite,
            padding: const EdgeInsets.only(right: 12.0),
            child: Row(
              mainAxisAlignment: MainAxisAlignment.end,
              children: <Widget>[
                Text('0'),
                Text('/'),
                Text('value'.toString())
              ],
            )),
      )
    ],
  ),

如果您不需要额外的功能，您可以删除这两行并简单地编写类似

的内容

child: Container(
  alignment: Alignment.centerRight,
  padding: const EdgeInsets.only(right: 12.0),
  child: Text('0/${document['value'].toString()}'),
),