list - Flutter 中有没有办法将长 ListView 拆分为多个“页面”？

Question

我是编码初学者，我正在尝试创建一个应用程序来练习和学习飞镖和颤振。

我的应用程序有一个包含长 ListView（700 个项目）的页面，我想制作某种“页面导航器”来将 ListView 拆分为 7 个（每页 100 个项目）。我知道分页 ListView 但我没有链接结果。我很抱歉我在解释我想做的事情时词汇量很差，这是一个例子

“页面导航器”示例

最终，我希望我在这个“拆分的 ListView”中的所有项目都可以通过搜索栏进行过滤。

到目前为止，这是我的list.dart代码：

class SongList extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container(
      child: _buildListView(context),
    );
  }

  ListView _buildListView(BuildContext context) {
    return ListView.separated(
      physics: NeverScrollableScrollPhysics(),
      shrinkWrap: true,
      itemCount: 700,
      itemBuilder: (_, index) {
        final count = index + 1;

        return new ListTile(
          leading: new CircleAvatar(
            child: new Text(
              "$count",
              style: TextStyle(color: kBackgroundColor),
            ),
            backgroundColor: kPrimaryColor,
          ),
          title: new Text("Song #$count"),
          trailing: Icon(Icons.navigate_next),
          onTap: () {
            Navigator.push(
              context,
              MaterialPageRoute(
                builder: (context) => SongDetail(index),
              ),
            );
          },
        );
      },
      separatorBuilder: (context, index) {
        return Divider();
      },
    );
  }
}

标签： listflutterdartlistviewnavigation