Flutter 导航父子页面跳转返回

最新推荐文章于 2022-12-05 01:49:20 发布

兰叶书

最新推荐文章于 2022-12-05 01:49:20 发布

阅读量279

点赞数

分类专栏： # Flutter 实例

本文链接：https://blog.csdn.net/u013227399/article/details/103568968

版权

Flutter 实例专栏收录该内容

24 篇文章 0 订阅

订阅专栏

import 'package:flutter/material.dart';

void main(){
  runApp(MaterialApp(
    title:'导航演示01',
    home:new FirstScreen()
  ));
}

class FirstScreen extends StatelessWidget{
  @override
  Widget build(BuildContext context){
    return 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('详情页'),),
      body:Center(
        child: RaisedButton(
          child: Text('返回'),
          onPressed: (){
            Navigator.pop(context);
          },
        ),
      ),
    );
  }
}