Flutter路由跳转及参数传递

当需要向下一个页面传递参数时，要用到所谓的动态路由，自己生成页面对象，所以可以传递自己想要的参数。

import 'package:flutter/material.dart';
import 'Second.dart';

void main() => runApp(new MaterialApp(
      title: "页面跳转",
      home: FirstScreen(),
    ));

class FirstScreen extends StatelessWidget {

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("Flutter Demo"),
        backgroundColor: Colors.lightGreen,
      ),
      body: Center(
        child: RaisedButton(
            child: Text("我的按钮，点击跳转"),
            onPressed: () {
              Navigator.push(context,
                  MaterialPageRoute(builder: (context) => SecondPage("我是传值")));
            }),
      ),
    );
  }

}

新页面代码

import 'package:flutter/material.dart';

class SecondPage extends StatelessWidget {

  String title;
  SecondPage(this.title);

  @override
  Widget build(BuildContext context) {

    return Scaffold(
      appBar: AppBar(
        title: Text("我是二级页面"),
        backgroundColor: Colors.lightGreen,
      ),
      body: Center(
        child: RaisedButton(child: Text(title), onPressed: () {}),
      ),
    );
  }

}