无法删除自动换行小部件上的垂直填充或边距

时间:2019-04-16 01:33:42

标签: dart flutter

这就是我在屏幕上看到的。

enter image description here

我希望红色的FlatButton在顶部,底部或它们之间没有垂直间距。唯一可见的黄色应该是它们之间的水平间隔。

以下是生成此小部件的代码:

Widget _buildSelectedFriendsRow() {
    var widgets = List<Widget>();
    selectedFriends.forEach((friend) {
        widgets.add(
            FlatButton(
                child: Wrap(
                    alignment: WrapAlignment.start,
                    crossAxisAlignment: WrapCrossAlignment.center,
                    children: <Widget>[
                        Text("${friend.firstName} ${friend.lastName}",
                        ),
                        Icon(
                            Icons.close
                        ),

                    ],
                ),
                color: Colors.red,
                padding: EdgeInsets.all(0.0),
                onPressed: () {
                    _unselectFriend(friend);
                },
            )
        );
    });

    Widget widget = Padding(
        padding: EdgeInsets.only(left: 10.0),
        child: Container(
            margin: EdgeInsets.all(0),
            padding: EdgeInsets.all(0),
            decoration: BoxDecoration(
                color: Colors.yellow,
                border: Border.all(color: Colors.black),
            ),
            child: Wrap(
                alignment: WrapAlignment.start,
                spacing: 10.0,
                runSpacing: 0.0,
                children: widgets,
            ),
        ),
    );

    return widget;
}

谢谢。

1 个答案:

答案 0 :(得分:2)

如果不需要,请不要使用VMAP,请尝试使用trade_priceFlatButton

更改此:

InkWell

对此:

Container