Flutter基础总结(3)页面的跳转

不管你有多不开心，我们都有责任先吃好一顿饭，睡好一个觉，打扮好自己。很多烦恼，其实都没什么大不了，只是你在那个情境下，在那种心情里，庸人自扰罢了。

1：效果图

image.png

image.png

2:代码

 import 'package:flutter/cupertino.dart';
 import 'package:flutter/material.dart';

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

class FirstScreen extends StatelessWidget {
@override
Widget build(BuildContext context) {
// TODO: implement build
return Scaffold(
  appBar: AppBar(
    title: Text("导航页面"),
  ),
  //button
  body: Center(
      child: RaisedButton(
    child: Text("跳转下一页"),
    onPressed: () {
      Navigator.push(context, MaterialPageRoute(
       builder:  (context){
         return SecondScreen();
       },

      ));
    },
  )),
);
}
}
class SecondScreen extends StatelessWidget{
@override
Widget build(BuildContext context) {
// TODO: implement build
return Scaffold(
  appBar: AppBar(title: Text("这是跳转后的页面")),
  body: Center(
    child: RaisedButton(
      child: Text("back"),
      onPressed: (){
        Navigator.pop(context);
      },
    ),
  ),

);
}


}

地址githup： https://github.com/xuezhihuixzh/Flutter_demo.git