Flutter 导航Navigator、PageRoute相关集锦 Push/Pop、Present/Dismiss

参考资料：

• Flutter路由管理

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时设置fullscreenDialog为true

// 方式一
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);