类似react rn 导航方式。组件导航
1,RaisedButton按钮组件
它有两个最基本的属性:
- child:可以放入容器,图标,文字。让你构建多彩的按钮。
- onPressed:点击事件的相应,一般会调用
Navigator
组件。
import 'package:flutter/material.dart'; void main(){ runApp(MaterialApp( title:'导航演示1', home:new FirstScreen() )); } class FirstScreen extends StatelessWidget{ @override Widget build(BuildContext context){ return new Scaffold( appBar: AppBar(title:Text('导航页面')), body:Center( child:RaisedButton( child:Text('查看商品详情页面'), onPressed: (){ Navigator.push(context,new MaterialPageRoute( builder:(context) =>new SecondScreen()) ); }, ) ) ); } } class SecondScreen extends StatelessWidget{ @override Widget build(BuildContext context){ return Scaffold( appBar:AppBar(title:Text('技术胖商品详情页')), body:Center(child:RaisedButton( child:RaisedButton( child:Text('返回'), onPressed: (){ Navigator.pop(context); }, ) )) ); } }
2,