flutter 左右滑动返回下上页

右滑返回上一页
	方式一:
		在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();})
                );
                
              },
            ),
          ),
        ),
    );
  }


}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值