（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));
      },
    );
  }
}

效果就是這樣。。

點擊第一個的時候

會路由到這個頁面

第二的到時候 會路由到

這個頁面

至於這兩個頁面是如何實現的訥。。下篇博客介紹。