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

廉价感情. 提交于 2021-02-02 14:52:46
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));
      },
    );
  }
}

效果就是这样。。

点击第一个的时候

会路由到这个页面

第二的到时候 会路由到

这个页面

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

 

 

 

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!