flutter 左右滑动返回下上页

「爱情、让人受尽委屈。」 2021-07-24 22:54 665阅读 0赞

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

发表评论取消回复

表情：

评论列表（有 0 条评论，665人围观）

还没有评论，来说两句吧...

相关阅读

相关弹性布局左右滑动

弹性布局用起来是真的方便，但是今天老板要实现左右滑动的效果，这可为难我了，翻阅资料，终于找到方法了，上代码。 <view class="content">

待我称王封你为后i/ 2023年01月15日 10:26/ 0 赞/ 207 阅读

相关 UIPanGestureRecognizer 左右滑动卡片,下拉滑动就是下拉刷新

![Center][] 做项目遇到手势冲突问题. 为了实现右滑划走,左滑划过来.下拉是下拉刷新功能.思考良久.我的卡片在tableview的header头视图上,所以左

旧城等待，/ 2022年07月15日 23:30/ 0 赞/ 229 阅读

相关 js实现左右滑动分页

/ 以下为项目的左右滑动分页 / var startx, starty; //获得角度 function getAngle

﹏ヽ暗。殇╰゛Y/ 2022年06月08日 12:47/ 0 赞/ 307 阅读

相关左右滑动swiper

转自：http://blog.csdn.net/xieshunhai/article/details/72830938 .wxml <view class="sw

谁践踏了优雅/ 2022年06月01日 11:58/ 0 赞/ 325 阅读

相关 android上下左右滑动监听

GestureDetector mDetector; @Override public boolean onTouchEvent(MotionEve

小咪咪/ 2022年05月31日 03:27/ 0 赞/ 270 阅读

相关 scroll-veiw无法左右滑动让scroll-view左右滑动

在使用scroll-view组件的时候发觉无法左右滑动，经过测试才发觉有一个坑。直接用这个组件的时候还不可以左右滑动，还要设置一下样式才可以。 ![70

布满荆棘的人生/ 2022年05月22日 10:45/ 0 赞/ 262 阅读

相关移动端上下左右滑动事件

注意：要用on方法 $(".activity\_goods").on("touchstart",'.activity\_goods\_left',function(e) \{

浅浅的花香味﹌/ 2022年05月15日 08:27/ 0 赞/ 319 阅读

相关滚动条左右滑动

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta na

妖狐艹你老母/ 2022年05月13日 07:54/ 0 赞/ 276 阅读

相关 css上下左右箭头

代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF

男娘i/ 2021年11月23日 14:54/ 0 赞/ 372 阅读

相关 flutter 左右滑动返回下上页

右滑返回上一页方式一: 在main.dart的theme参数中添加target theme: ThemeData(

「爱情、让人受尽委屈。」/ 2021年07月24日 22:54/ 0 赞/ 666 阅读