Flutter Navigator跳转到下一个页面并返回（页面之间跳转）

男娘i 2021-09-15 06:36 421阅读 0赞

创建两个Flutter页面，FirstScreen与SecondScreen

使用 Navigator.push()方法导航到下一界面

使用 Navigator.pop()方法返回到上一个界面

import 'package:flutter/material.dart';
    
    void main() {
      runApp(MaterialApp(
        title: 'Navigation Basics',
        home: FirstScreen(),
      ));
    }
    
    class FirstScreen extends StatelessWidget {
      @override
      Widget build(BuildContext context) {
        return Scaffold(
          appBar: AppBar(
            title: Text('First Screen'),
          ),
          body: Center(
            child: RaisedButton(
              child: Text('Launch screen'),
              onPressed: () {
                Navigator.push( //跳转到第二个界面
                  context,
                  MaterialPageRoute(builder: (context) => SecondScreen()),
                );
              },
            ),
          ),
        );
      }
    }
    
    class SecondScreen extends StatelessWidget {
      @override
      Widget build(BuildContext context) {
        return Scaffold(
          appBar: AppBar(
            title: Text("Second Screen"),
          ),
          body: Center(
            child: RaisedButton(
              onPressed: () {
                Navigator.pop(context);//从第二个界面返回
              },
              child: Text('Go back!'),
            ),
          ),
        );
      }
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，421人围观）

还没有评论，来说两句吧...

相关阅读

相关 springboot 页面跳转注解_SpringBoot跳转页面

1、说道跳转，先说一下springBoot web的结构 ![Image 1][] image.png 其中static 中放的是可一直接访问的数据 ,比如\[htt

刺骨的言语ヽ痛彻心扉/ 2022年11月19日 09:50/ 0 赞/ 247 阅读

相关 php表单跳转页面跳转页面跳转页面跳转,html中一个form下两个跳转页面

问题说明：在html开发中，经常碰到同一个form表单下，不同按钮跳转不同界面，如下 ![3b2afef13409193c29d0759b8abcfff3.png][]，

太过爱你忘了你带给我的痛/ 2022年11月17日 10:16/ 0 赞/ 240 阅读

相关页面跳转到新页面

1、跳转 Navigator.push(context, MaterialPageRoute(builder: (context) { retu

谁借莪１个温暖的怀抱￠/ 2022年09月04日 05:47/ 0 赞/ 206 阅读

相关 react-navigation 页面跳转

http://www.devio.org/2018/05/15/navigator-to-react-navigation/ 贾鹏辉博客下载

深碍√TFBOYSˉ_/ 2022年05月23日 03:16/ 0 赞/ 173 阅读

相关小程序页面跳转、带参数跳转以及navigator跳转

一、单纯的页面跳转跳转到的页面分 tabBar 页面和非tabBar 页面。url路径可以写相对和绝对路径。 1、跳转到非导航页面，用 wx.navigateTo

朱雀/ 2022年05月11日 06:38/ 0 赞/ 462 阅读

相关小程序页面跳转并返回数据

A和B两个页面 A页面： <text class='ask_txt' bindtap='field'>{ {field}}</text> 跳转到B页

蔚落/ 2022年05月08日 06:16/ 0 赞/ 171 阅读

相关页面跳转

如果没有登录或者登录信息失效，则在Filter中跳转到登录页 String userInfo = getCookieValue("usertokenss",

缺乏、安全感/ 2022年01月23日 14:11/ 0 赞/ 410 阅读

相关 Flutter Navigator跳转到下一个页面并返回（页面之间跳转）

创建两个Flutter页面，FirstScreen与SecondScreen 使用 Navigator.push()方法导航到下一界面使用 Navigator.p

男娘i/ 2021年09月15日 06:36/ 0 赞/ 422 阅读

相关页面跳转

第一种： <script language="javascript" type="text/javascript"> window.location.h

野性酷女/ 2021年07月25日 00:43/ 0 赞/ 612 阅读

相关页面跳转navigator

页面链接。属性说明 <table> <thead> <tr> <th>属性名</th> <th>类型</th> <th>默认值</th>

雨点打透心脏的1/2处/ 2021年07月25日 00:09/ 0 赞/ 488 阅读