【问题标题】:How to align CircleAvatar to bottom Row widget Flutter如何将 CircleAvatar 与底行小部件 Flutter 对齐
【发布时间】:2020-02-21 06:57:45
【问题描述】:

我想设置一个卡片列表视图,每个卡片至少有 3 张 CirclerAvatar 图像,如下所示:

***绿色的应该和旁边的一样

到目前为止,这是我的代码,无法弄清楚如何将它们全部对齐到卡片的底部。我尝试了 Align 小部件,但似乎不是解决方案。

ListView(
      children: <Widget>[
        Card(
          elevation: 5,
          child: Stack(
            children: <Widget>[
              Row(
                children: <Widget>[
                  CircleAvatar(
                    maxRadius: (MediaQuery.of(context).size.width / 2 - 100),
                    minRadius: 25.0,
                    backgroundImage: NetworkImage(_user.profilePictureURL),
                  ),
                  CircleAvatar(
                    maxRadius: (MediaQuery.of(context).size.width / 2 - 165),
                    minRadius: 25.0,
                    backgroundImage: NetworkImage(_user.profilePictureURL),
                  ),
                ],
              ),
            ],
          ),
        ),
      ],
    ),

这是结果:

【问题讨论】:

    标签: flutter flutter-widget


    【解决方案1】:

    在您的行中,添加以下内容:

    crossAxisAlignment: CrossAxisAlignment.end
    

    【讨论】:

      猜你喜欢
      • 2021-08-26
      • 1970-01-01
      • 2021-07-30
      • 2019-08-11
      • 2020-06-21
      • 2020-08-10
      • 2023-02-05
      • 1970-01-01
      • 2023-02-21
      相关资源
      最近更新 更多