flutter 如何在扑动中拉紧划子？

wfauudbj 于 2022-12-14 发布在 Flutter

关注(0)|答案(3)|浏览(71)

我的Row()太松了。我想让它粘在孩子身上。
我试图添加一个灵活的与FlexibleFit.紧，没有成功。

return Align(
        alignment: Alignment.center,
        child: Padding(
            padding: EdgeInsets.symmetric(vertical: 10, horizontal: 20),
            child: Column(children: [
              ClipRRect(
                  borderRadius: BorderRadius.all(Radius.circular(10)),
                  child:
                      // === The logo
                      Container(
                          decoration: BoxDecoration(border: Border.all()),
                          child: Flexible(
                              fit: FlexFit.tight,
                              child: Row(
                                  
                                  children: [
                                    StringBadge()
                                    StringBadge()
                                    StringBadge()
                                  ])
                                  // etc.

flutter

来源：https://stackoverflow.com/questions/74783531/how-to-tight-the-row-in-flutter

3条答案

按热度按时间

j2datikz1#

仅将ROW的每个子级 Package 为Expanded

Row(
                                  children: [
                                    Expanded(child: StringBadge()),
                                    Expanded(child: StringBadge()),
                                    Expanded(child: StringBadge()),
                                  ])

赞(0）回复(0）举报 2022-12-14

iezvtpos2#

您必须使用扩展小部件。此小部件有助于保留所有屏幕。
例如：

Row(
     children: 
      [
      Expanded(child: StringBadge()),
      Expanded(child: StringBadge()),
      Expanded(child: StringBadge()),
                                  ]
)

赞(0）回复(0）举报 2022-12-14

p4rjhz4m3#

我最后添加了一个mainAxisSize: MainAxisSize.min，如下所示：

Row(
    mainAxisSize: MainAxisSize.min, // <= HERE
    children: [
        StringBadge(),
        StringBadge(),
        StringBadge(),

赞(0）回复(0）举报 2022-12-14

我来回答

flutter 如何在扑动中拉紧划子？

3条答案

相关问题

热门标签

最新问答