前言
现在的app为了提高用户的体验感,都实现了右滑返回上一页的效果,今天就用flutter实现
准备工具
这套课程是采用Android Studio进行开发的。当前在此之前请准备好Flutter开发环境,我这里就不进行讲解了。
小实例开发流程
增加关键代码
其实这个效果十分的好实现,就增加一句代码platform: TargetPlatform.iOS,
import 'package:flutter/material.dart';
import './index_page.dart';
import './navigation.dart';
void main()=>runApp(MyApp());
class MyApp extends StatelessWidget {
const MyApp({Key key}) : super(key: key);
@override
Widget build(BuildContext context) {
return Container(
child: MaterialApp(
title: "滑动返回",
debugShowCheckedModeBanner: false,
theme: ThemeData(
platform: TargetPlatform.iOS,
primaryColor: Colors.blue
),
home: NavigationPage(),
),
);
}
}
路由跳转新的页面
import 'package:flutter/material.dart';
import './home_page.dart';
class IndexPage extends StatelessWidget {
const IndexPage({Key key}) : super(key: key);
@override
Widget build(BuildContext context) {
return Scaffold(
body:Container(
child: Center(
child: RaisedButton(
onPressed: (){
Navigator.push(
context,
new MaterialPageRoute(builder: (context)=>HomePage())
);
},
child: Text('第一个页面,进入下一个页面'),
),
),
)
);
}
}
这个例子十分的简单,大家可以到我的github下载源码,直接看,希望可以帮助到大家