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