如何将CircleAvatar对准底部的行窗口小部件Flutter

时间:2019-10-24 22:13:02

标签: flutter flutter-widget

我要设置一张卡片的ListView,每张卡片至少具有3个CirclerAvatar图像,如下所示:

wanted

***绿色的应该与旁边的绿色相同

到目前为止,这是我的代码,无法弄清楚如何将它们全部对准卡的底部。我尝试了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),
                  ),
                ],
              ),
            ],
          ),
        ),
      ],
    ),

这是结果:

result

1 个答案:

答案 0 :(得分:1)

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

Fill DC1ComboBox
With DC1
    .AddItem "Door Open/Close"
    .AddItem "Jacket On/Off"
    .AddItem "Cycle Over"
    .AddItem "Alarm"
    .AddItem "Keycard Reader"
End With