dart – GridView.builder创建无限滚动的页面

发布时间：2020-12-14 14:48:53 所属栏目：百科来源：网络整理

导读：尝试使用API??来构建网格.一切都很好,但在最后一排瓷砖之后,页面变得空白.只是保持滚动和放大滚动 …网格是这样构建的： body: new GridView.builder( gridDelegate: new SliverGridDelegateWithFixedCrossAxisCount(crossAxisCount: (orientation == Orient

尝试使用API??来构建网格.一切都很好,但在最后一排瓷砖之后,页面变得空白.只是保持滚动和放大滚动& …网格是这样构建的：

body: new GridView.builder(
      gridDelegate: new SliverGridDelegateWithFixedCrossAxisCount(crossAxisCount: (orientation == Orientation.portrait) ? 2 : 3),itemBuilder: (BuildContext context,int index) {
        return new Card(
          child: new GridTile(
            footer: new Text(data[index]['name']),child: new Text(data[index]['image']),//just for testing,will fill with image later
          ),);
      },)

例外情况是我不断向下滚动空白页面,最后一个数字(包括：24)变大2倍(24,26,28等)的倍数.

I/flutter (11001): Another exception was thrown: RangeError (index): Invalid value: Not in range 0..23,inclusive: 24

有人看过GridView.builder的这种行为吗？

解决方法

您可以将项目计数传递给构建器.

例：

body: new GridView.builder(
          itemCount: data.length
          gridDelegate: new SliverGridDelegateWithFixedCrossAxisCount(crossAxisCount: (orientation == Orientation.portrait) ? 2 : 3),int index) {
            return new Card(
              child: new GridTile(
                footer: new Text(data[index]['name']),will fill with image later
              ),);
          },)

希望有所帮助！

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!