flutter页面跳转及返回

一.flutter 中使用Navigator在页面之间跳转介绍

1.Navigator.push

  @optionalTypeArgsstatic Future push(BuildContext context, Route route) {return Navigator.of(context).push(route);}

 Navigator.push需要传入两个参数，分别为context和下一跳转的路由，eg :

Navigator.push(context, new MaterialPageRoute(builder: (context)=>new SecondPage()));

2.Navigator.pop

  @optionalTypeArgsstatic void pop(BuildContext context, [ T? result ]) {Navigator.of(context).pop(result);}

 Navigator.pop返回上一个页面，需要传入context，且上一页面必须存在，即之前有使用 Navigator.push,eg:

Navigator.pop(context);

二.创建两个页面，FirstPage和SecondPage，eg:

class FirstPage extends StatelessWidget{const FirstPage({Key? key}) : super(key: key);@overrideWidget build(BuildContext context) {return Scaffold(appBar: AppBar(title: Text('第一页'),),body: new Center(child: new RaisedButton(onPressed: (){//点击进入第二页Navigator.push(context, new MaterialPageRoute(builder: (context)=>new SecondPage()));},child: Text('进入第二页'),),),);}}class SecondPage extends StatelessWidget{const SecondPage({Key? key}) : super(key: key);@overrideWidget build(BuildContext context) {return new Scaffold(appBar: AppBar(title: Text('第二页'),),body: new Center(child: new RaisedButton(onPressed: () {//点击返回第一页Navigator.pop(context);},child: Text('返回') ,),),);}}

三.demo直接默认显示第一个页面FirstPage，eg:

 @overrideWidget build(BuildContext context) {return MaterialApp(theme: ThemeData(brightness: Brightness.dark,primaryColor: Colors.blue,accentColor: Colors.white,iconTheme: IconThemeData(color: Colors.green),textTheme: TextTheme(bodyText1: TextStyle(color: Colors.black38))),home: Scaffold(body: Center(child: FirstPage(),),));

四.效果显示

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！