Flutter设计多个小部件，使其彼此在水平上方

Question

在我的应用程序中，我有这个变量：

List<Likers> likers = mediaOrAd.likers;

而且我想使这种设计像这样的布局：

对于此代码，我得到了错误，并且它是不正确的：

  _buildFeedLikers(Feeds mediaOrAd) {
    List<Likers> likers = mediaOrAd.likers;
    double fromRight = 0;
    if (likers != null && likers.length > 0) {
      return Row(
        mainAxisAlignment: MainAxisAlignment.start,
        crossAxisAlignment: CrossAxisAlignment.center,
        children: <Widget>[
          Stack(
            children: <Widget>[
              ...List.generate(likers.length, (liker) {
                fromRight = fromRight + 10;
                return Positioned(
                  top: 0.0,
                  right: fromRight,
                  child: AvatarWidget(
                    imageUrl: likers[liker].profilePicUrl,
                  ),
                );
              })
            ],
          )
        ],
      );
    } else {
      return Container();
    }
  }

此小部件应放在此树中：

Expanded
  ListView.builder
    Container
      Card
        ExpandableNotifier
          ScrollOnExpand
            Column

Answer 1

这是给您更新的帖子：

Answer 2

输出：