技术胖Flutter第四季-19导航父子页面的跳转返回

时间 2019-11-07

标签技术 flutter 第四季导航父子页面返回繁體版

原文原文链接

技术胖Flutter第四季-19导航父子页面的跳转返回html

博客地址：app

https://jspang.com/post/flutter4.html#toc-010less

onPressed是当前按下的时候，按下动做的响应事件jsp

Navigator是导航组件ide

本身写的代码没有问题。就是须要重启虚拟机，从新flutter run 执行如下post

import 'package:flutter/material.dart';

void main(){
  runApp(MaterialApp(
    title:'导航演示01',
    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, MaterialPageRoute(
              builder:(context) => new SecondScreen()
            ));
          },
        ),
      ),
    );
  }
}
class SecondScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context){
    return Scaffold(
      appBar: AppBar(title: Text('wjw产品详情页'),),
      body: Center(
        child: RaisedButton(
          child: Text('返回'),
          onPressed: (){
            Navigator.pop(context);
          },
        ),
      ),
    );
  }
}