Flutter页面转跳

这里的页面转跳是不携带参数的，进入下一个页面和返回上一个页面方法如下：

• Flutter进入下一个页面方法

Navigator.push(
	context, 
	new MaterialPageRoute(builder: (context) => new SecondPage())
);

• Flutter返回上一个页面方法

Navigator.pop(context);

下面结合一个demo，来实现Flutter页面转跳与返回的功能。

import 'package:flutter/material.dart';

void main() => runApp(
  new MaterialApp(
    home: MyApp(),
  )
);

class MyApp extends StatelessWidget {

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('路由导航demo'),
      ),
      body: Center(
        child: RaisedButton(
          onPressed: () {
            Navigator.push(
              context,
              new MaterialPageRoute(builder: (context) => new SecondPage())
            );
          },
          child: Text('进入第二页'),
        ),
      ),
    );
  }
}

class SecondPage extends StatelessWidget {

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('第二个页面'),
      ),
      body: Center(
        child: RaisedButton(
          onPressed: () {
            Navigator.pop(context);
          },
          child: Text('返回第一页'),
        ),
      ),
    );
  }
}

效果图如下：

Flutter 的页面转跳是通过 Navigator 来实现的，使用也非常简单。