一般页面的导航与返回

RaisedButton按钮组件

它有两个最基本的属性：

child：可以放入容器，图标，文字。让你构建多彩的按钮。
onPressed：点击事件的相应，一般会调用Navigator组件。
我们在作页面导航时，大量的使用了RaisedButton组件

Navigator.push和Navigator.pop
Navigator.push：是跳转到下一个页面，它要接受两个参数一个是上下文context，另一个是要跳转的函数。

Navigator.pop：是返回到上一个页面，使用时传递一个context（上下文）参数，使用时要注意的是，你必须是有上级页面的，也就是说上级页面使用了Navigator.push。

实例：页面的跳转与返回

6776a83155201d4dda1f982bc940a5a.png
e66983ce04817d3588111dca63710de.png

代码如下

import 'package:flutter/material.dart';


void main(){
  runApp(MaterialApp(
    title: '导航demo',
    home: new HomeScreen()
  ));
}


class HomeScreen extends StatelessWidget
{
  @override
  Widget build(BuildContext context){
    return Scaffold(
      appBar: AppBar(
        title: Text('首页'),
      ),
      body: Center(
        child: RaisedButton(
          child: Text('查看商品详情'), 
            onPressed: (){
            Navigator.push(
                context, new MaterialPageRoute(
                builder: (context) => new ShopDetailPage())
            );
        }),
      ),
    );
  }
}



class ShopDetailPage extends StatelessWidget
{
  @override
  Widget build(BuildContext context){
    return Scaffold(
      appBar: AppBar(title: Text('商品详情'),),
      body: Center(
        child: RaisedButton(
          child: Text('返回'),
            onPressed: (){
            Navigator.pop(context);

        }),
      ),

    );
  }
}