flutter - 从列表创建堆栈

Question

我正在努力实现这一目标:

我正在尝试使用堆栈来执行此操作(这样一幅图像的一部分位于另一幅图像之上。请参见图片)。屏幕上什么也没有出现，也没有错误。我做错了什么？

Answer 1

你不需要 ListView 来实现它。
相反，您将所有子小部件放入 Stack 并将它们包装到 Positioned 小部件中，这将允许您控制它们的位置。

示例代码:

Widget build(BuildContext context) {
  final avatars = <Widget>[];
  final avatarWidth = 40;
  final overlayWidth = 10;
  for(int i = 0; i < attendingImagesList.length; i++) {
    avatars.add(
      Positioned(
        left: (avatarWidth - overlayWidth)*i,
        child: // put image widget here,   
      )
    );
  }

  return Stack(children: avatars);
}