Flutter : PageView.builder 到另一个页面答案

【问题标题】：Flutter : PageView.builder to another pageFlutter : PageView.builder 到另一个页面
【发布时间】：2021-04-16 01:45:50
【问题描述】：

我想在 Flutter 中使用 PageView.Builder 将页面导航到另一个页面。如何在我的代码中实现它？

这是我的代码

...      
List<StatefulWidget> pages = [
        HomePage(),
        ListDoaPage(),
        QiblatPage(),
        FavPage()
      ];
    
      PageController controller = PageController();
    
      int _selectedIndex = 0;
      @override
      Widget build(BuildContext context) {
        return MaterialApp(
          home: Scaffold(
            extendBody: true,
            body: PageView.builder(
                itemCount: 4,
                controller: controller,
                onPageChanged: (page) {
                  setState(() {
                    _selectedIndex = page;
                  });
                },
                itemBuilder: (context, position) {
                  return 
                  // ????
                  ;
                }),
    ...

我想要的结果可能是这样的

谢谢你:)

【问题讨论】：

标签： flutter user-interface navigation

【解决方案1】：

只需将您的页面放入 itemBuilder 中：

List<StatefulWidget> pages = [
        HomePage(),
        ListDoaPage(),
        QiblatPage(),
        FavPage()
      ];
    
      PageController controller = PageController();
    
      int _selectedIndex = 0;
      @override
      Widget build(BuildContext context) {
        return MaterialApp(
          home: Scaffold(
            extendBody: true,
            body: PageView.builder(
                itemCount: 4,
                controller: controller,
                onPageChanged: (page) {
                  setState(() {
                    _selectedIndex = page;
                  });
                },
                itemBuilder: (context, position) {
                  return pages[position];
                }),

【讨论】：

哦 woowww，返回后放 :D 非常感谢吉姆！