Navigator基本

• 路由最基本的使用-页面跳转和退出

  • 使用Navigator.push()来跳转页面

  • onPressed: () {
      Navigator.push(
        context,
        MaterialPageRoute(builder: (context) => SecondRoute()),
      );
    }

    使用Navigator.pop()来返回上一个页面

  • onPressed: () {
      Navigator.pop(context);
    }

• 通过Named Routes（路由表）来做跳转

  • 定义创建的route

  • MaterialApp(
      // 定义APP启动时第一个显示的页面，在本例中，initialRoute指代FirstScreen
      initialRoute: '/',
      routes: {
        // 当navigating到‘/’ route时，构建FirstScreen widget
        '/': (context) => FirstScreen(),
        // 当navigating 到"/second" route, 构建SecondScreen widget.
        '/second': (context) => SecondScreen(),
      },
    );

    Navigate到SecondScreen

  • onPressed: () {
      // 跳转到SecondScreen
      Navigator.pushNamed(context, '/second');
    }

    在Named Route中传值

• 携带参数退出

• 结束