Flutter 是否有从一个页面切换到另一个页面的方法?

Flutter 是否有从一个页面切换到另一个页面的方法?,flutter,Flutter,我正在使用颤振开发一个应用程序,我要显示第一个页面,并创建子页面。 我的问题是,当你点击一个项目时,我不知道如何显示第二个页面。示例:我创建了一个由8个框组成的网格,每个框必须在单击时显示一个唯一的页面。i、 e.第1项返回第1页,第2项返回第2页,第3项返回第3页。。。等等 这是第一页的截图 您需要的是对象。在Flatter中,它通过一个初始屏幕,然后在屏幕上方堆叠更多屏幕,用于在屏幕之间导航用户 通常,好的做法是使用命名路由(),但不需要使用命名路由来使用导航器。在您的示例中,可以在每个项目

我正在使用颤振开发一个应用程序,我要显示第一个页面,并创建子页面。 我的问题是,当你点击一个项目时,我不知道如何显示第二个页面。示例:我创建了一个由8个框组成的网格,每个框必须在单击时显示一个唯一的页面。i、 e.第1项返回第1页,第2项返回第2页,第3项返回第3页。。。等等

这是第一页的截图

您需要的是对象。在Flatter中,它通过一个初始屏幕,然后在屏幕上方堆叠更多屏幕,用于在屏幕之间导航用户

通常,好的做法是使用命名路由(),但不需要使用命名路由来使用导航器。在您的示例中,可以在每个项目的
onPressed
参数中添加以下内容:

Navigator.push(
上下文
材料路线(
生成器:(BuildContext上下文){
返回第二页()
);
},
);

您可以通过以下代码示例实现这一点。使用导航器,您可以转到下一页并显示它

class NavigatorPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: GridView.builder(
          itemCount: 4,
          gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(crossAxisCount: 2),
          itemBuilder: (BuildContext context, int index) {
            return GestureDetector(
              onTap: () => nextPage(context, index),
              child: Card(
                ...
              ),
            );
          },
        ),
      ),
    );
  }

  void nextPage(BuildContext context, int index) {
    if (index == 0) {
      Navigator.push(context, MaterialPageRoute(builder: (context) => Page1()));
    } else if (index == 1) {
      Navigator.push(context, MaterialPageRoute(builder: (context) => Page2()));
    }
    ...
  }
}

在第一个屏幕上,编写以下代码

Navigator.push(
  context,
  MaterialPageRoute(
    builder: (BuildContext context) {
      return SecondScreen()
    );
  },
);

您必须导入第一屏dart文件中的第二屏。

您可以添加一些代码吗。也许你会明白。你用下面的代码解决了你的问题了吗?