美文网首页
Flutter 导航Navigator、PageRoute相关集

Flutter 导航Navigator、PageRoute相关集

作者: 独孤流 | 来源:发表于2019-06-09 14:55 被阅读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);
    

    相关文章

      网友评论

          本文标题:Flutter 导航Navigator、PageRoute相关集

          本文链接:https://www.haomeiwen.com/subject/bmfnxctx.html