右滑返回上一页
方式一:
在main.dart的theme参数中添加target
theme: ThemeData(
platform: TargetPlatform.iOS,
),
方式二:
1、在跳转到的页面导入
import 'package:flutter/cupertino.dart';
2、必须使用无状态组件
3、在回调函数中添加
Navigator.of(context).push(
CupertinoPageRoute(builder: (BuildContext context){return 自身的组件类名();})
);
左滑去到下一页
利用PageView,类似轮播图实现该功能,也可以做右滑返回上一页
代码示例:
跳转到的页面
import 'package:flutter/material.dart';
import 'package:flutter/cupertino.dart';
class Home2 extends StatelessWidget {
@override
Widget build(BuildContext context) {
return CupertinoPageScaffold(
child: Center(
child: Container(
height: 100,
width: 100,
//使用cupertino库的组件
color: CupertinoColors.activeBlue,
child:FloatingActionButton(
child: Icon(CupertinoIcons.add),
onPressed: (){
//右滑返回上一页效果
Navigator.of(context).push(
CupertinoPageRoute(builder: (BuildContext context){return Home2();})
);
},
),
),
),
);
}
}