Flutter 导航Navigator、PageRoute相关集

2019-06-09  本文已影响0人  独孤流

参考资料:

Flutter里一个页面导航到另一个页面调用的Api是

一、iOS上Push/Pop效果
1.1 push操作

// 在iOS上默认效果是从右侧推出一个新页面,
//同时支持在屏幕左侧右滑关闭页面
//默认在push出的新页面的导航栏左侧有个返回箭头的按钮,点击会返回上一个页面

// 方式一
Navigator.of(context).push(
              MaterialPageRoute(builder: (context) {
                  return SecondPage();
             })
);
// 方式二
Navigator.push(context,
              MaterialPageRoute(fullscreenDialog: true,
                builder: (context) { 
                return SecondPage();
              })
  );
1.2 pop操作

// 在iOS向右画出页面

// 方式一
Navigator.of(context).pop();
//方式二
//Navigator.pop(context);
二、iOSpresent/dismiss效果
2.1 present操作

// 和Push、pop的操作一样,只是在Push时设置fullscreenDialogtrue

// 方式一
Navigator.of(context).push(
              MaterialPageRoute(
                                  fullscreenDialog: true,
                                  builder: (context) {
                                      return SecondPage();
                                 }
              )
);
// 方式二
Navigator.push(context,
              MaterialPageRoute(
                fullscreenDialog: true,
                builder: (context) { 
                return SecondPage();
              })
  );
2.2 dismiss操作

// 和上面的POP完全一样

// 方式一
Navigator.of(context).pop();
//方式二
//Navigator.pop(context);
上一篇下一篇

猜你喜欢

热点阅读