android - Instagram 应用程序如何在网格视图中显示他们的个人资料，并使用 Flutter 实现它

Question

Instagram 如何在个人资料中显示其网格视图。看起来每张卡都没有相互等待并显示已完成加载的卡。

有没有人实施过这样的事情。也许你可以分享使用如何做这样的事情。

感谢帮助

举例我做了什么。我的目标是在个人资料中显示每张卡片，如 instagram。不等待加载列表的孔。

我的目标是 Instagram 的例子。如果我们看到，instagram 就像向每张卡片一样显示它

标签： androidiosflutterinstagram

Answer 1

这会帮助你

@override
  Widget build(BuildContext context) {
    return Scaffold(
        body: ListView.separated(
      separatorBuilder: (context, int) {
        return Divider(color: Colors.black,);
      },
     // shrinkWrap: true,
      itemBuilder: (BuildContext context, int index) {
        return GridView.count(
          shrinkWrap: true,
          crossAxisCount: 3,
          childAspectRatio: 2.0,
          children: List.generate(6, (index) {
            return Center(
              child: RaisedButton(
                onPressed: (){},
                color: Colors.greenAccent,
                child: Text(
                  'item no : $index',
                ),
              ),
            );
          }),
        );
      },
      itemCount: 4,
    ));
  }