创建具有两个不同索引的可滚动列表的页面视图

Question

我想要创建一个可以显示可滚动列表的屏幕。基于条件，我希望能够显示另一个列表。但是，我的程序对两个列表的索引是相同的，所以当我滚动一个列表时，第二个列表也是滚动的。

我的代码：

return PageView.builder(
          scrollDirection: Axis.vertical,
          itemCount: category[state.indexView].length,
          itemBuilder: category[state.indexView][0].containsKey('video')
              ? (context2, index2) {
                  return Stack(
                    children: [
                      VideoWidget(
                        videoUrl: category[state.indexView][index2]['video'],
                        asset: true,
                        videoFile: File(''),
                      ),
                      if (category[state.indexView][index2].containsKey('image'))
                        Center(child: Image(image: AssetImage(category[state.indexView][index2]['image']))),
                      _postContent(d_height)
                    ],
                  );
                }
              : (context, index) {
                  return Stack(
                    children: [
                      if (category[state.indexView][index].containsKey('image'))
                        Center(child: Image(image: AssetImage(category[state.indexView][index]['image']))),
                      _postContent(d_height)
                    ],
                  );
                });

Answer 1

当您想跳转到第二页时，可以在页面视图中创建类似于第一页的第二页，然后将该索引传递到另一页，并将其用作列表视图中的当前索引。