如何在 Flutter 中添加无限滚动？

Posted 2023-02-23

【中文标题】如何在 Flutter 中添加无限滚动？

【英文标题】：How to add infinite scroll in Flutter?

【发布时间】：2022-01-02 17:39:45

【问题描述】：

我正在尝试使我的标签可滚动，这样如果我向下滚动，应该会出现新内容。所以我想知道我们可以添加什么或需要改进什么。

这是我的代码：

  class ProductList extends StatelessWidget 
  const ProductList(Key? key) : super(key: key);
  @override
  Widget build(BuildContext context) 
    return Wrap(
      direction: Axis.horizontal,
      alignment: WrapAlignment.start,
      crossAxisAlignment: WrapCrossAlignment.start,
      runAlignment: WrapAlignment.start,
      runSpacing: 8.0,
      spacing: 15.0,
      children: List.generate(10, (index)         
        return SizedBox(
          width: getProportionateScreenWidth(160),
          child: GestureDetector(
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              mainAxisAlignment: MainAxisAlignment.start,
              children: [
                AspectRatio(
                  aspectRatio: 1.02,
                  child: Container(
                      padding: EdgeInsets.all(getProportionateScreenWidth(5)),
                      decoration: BoxDecoration(
                        color: kSecondaryColor.withOpacity(0.3),
                        borderRadius: BorderRadius.circular(15),
                      ),
                      child: null),
                ),
                const SizedBox(height: 10),
              ],
            ),
          ),
        );
      ),
    );
  

【问题讨论】：

你想要一个包含有限项还是无限项的无限列表？

我的列表生成了 10 个项目。现在我希望它在到达底部时再生成 10 个项目。我想要一个包含有限项目的无限列表。

【参考方案1】：

这个插件如你所愿：Infinite ListView