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));
},
);
}
}
效果就是这样。。
点击第一个的时候
会路由到这个页面
第二的到时候 会路由到
这个页面
至于这两个页面是如何实现的讷。。下篇博客介绍。