（13）flutter 自定义路由页面 从A跳转到B 携带一个参数C 点击B的时候 跳转C

import 'package:flutter/material.dart';

import 'button_demo.dart';
import 'floatingactionbutton_demo.dart';

class MaterualCompent extends StatefulWidget {
  @override
  _MaterualCompentState createState() => _MaterualCompentState();
}

class _MaterualCompentState extends State<MaterualCompent> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("Material Compeonents"),
        elevation: 0.0,
      ),
      body: ListView(
        children: [
          ListItem(
            tilte: "FloatingActionButton",
            page: FloatingActionButtonDemo(),
          ),
          ListItem(
            tilte: "Button",
            page: ButtonDemo(),
          )
        ],
      ),
    );
  }
}

class ListItem extends StatelessWidget {
  final String tilte;
  final Widget page;

  ListItem({this.tilte, this.page});

  @override
  Widget build(BuildContext context) {
    return ListTile(
      title: Text(tilte),
      onTap: () {
        Navigator.of(context)
            .push(MaterialPageRoute(builder: (context) => page));
      },
    );
  }
}

效果就是这样。。

点击第一个的时候

会路由到这个页面

第二的到时候 会路由到

这个页面

至于这两个页面是如何实现的讷。。下篇博客介绍。