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

【问题标题】：How to add infinite scroll in Flutter?如何在 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 个项目。我想要一个包含有限项目的无限列表。

标签： flutter mobile widget

【解决方案1】：

这个插件如你所愿：Infinite ListView

【讨论】：