flutter 之真手势冲突处理

看过好多说flutter手势冲突的文章,但大多都是说的都是官方组件之间的联动。但是作为一个Android 开发者,我理解的手势冲突更应该是去处理父父子子的关系。可以动态的决定这个事件是父处理还是子处理。

flutter 滑动组件一般都可以设置ScrollPhysics,我们通过重写ScrollPhysics的applyPhysicsToUserOffset方法来进行事件的分发。当组件有手势滑动的时候,会先回调这个方法,这个方法的返回值决定这次手势真正处理的数值,比如返回0,这个组件就不会滑动。

scala 复制代码
class _ChildScrollPhysics extends ScrollPhysics {
  final ScrollController controller;
  const _ChildScrollPhysics(this.controller, {super.parent});


  @override
  double applyPhysicsToUserOffset(ScrollMetrics position, double offset) {
    var isReach =  (
        (position.pixels <= position.minScrollExtent && offset > 0 ) || // 到达顶部
            (position.pixels >= position.maxScrollExtent && offset < 0)   // 到达底部
    );
    if(isReach){
      controller.jumpTo(controller.position.pixels - offset);
      return 0;
    }else {
      return a;
    }
  }

  @override
  _ChildScrollPhysics applyTo(ScrollPhysics? ancestor) {
    return _ChildScrollPhysics(controller,parent: buildParent(ancestor));
  }

}
less 复制代码
var contoller = ScrollController();
class ScrollPhysicsTestPage extends StatelessWidget {
  const ScrollPhysicsTestPage({super.key});

  @override
  Widget build(BuildContext context) {

    return Material(
      color: Colors.white,
      child: ListView.builder(
          controller: contoller,
          physics: ClampingScrollPhysics(),
          itemBuilder: (context,index){
            if(index == 3){
              return SizedBox(
                height: 300,
                child: ListView.builder(
                  padding: EdgeInsets.zero,
                  physics:   _ChildScrollPhysics(contoller),
                  itemBuilder: (context,index){
                    return Container(height: 100,color: Colors.blue,
                        margin: const EdgeInsets.only(bottom: 20));
                  },
                  itemCount: 10,
                ),
              );
            }
            return Container(height: 100,color: Colors.red,
                margin: const EdgeInsets.only(bottom: 20)
            );
          }),
    );
  }
}

_ChildScrollPhysics 中的controll 是父节点的controller。

arduino 复制代码
 var isReach =  (
     (position.pixels <= position.minScrollExtent && offset > 0 ) || // 到达顶部
         (position.pixels >= position.maxScrollExtent && offset < 0)   // 到达底部
 );

这部分代码是判断子节点是否滑动到边界。

kotlin 复制代码
if(isReach){
      controller.jumpTo(controller.position.pixels - offset);
      return 0;
    }else {
      return a;
    }

如果到了边界交给父节点的controller 去处理。没有到边界自己全权处理。

相关推荐
zhangphil6 小时前
HARDWARE 属性的Bitmap与普通Bitmap,GPU与RenderThread渲染与处理方式异同比较,Android
android
消失的旧时光-19438 小时前
Flutter 异步编程:Future 与 Stream 深度解析
android·前端·flutter
alexhilton9 小时前
Compose CameraX现已稳定:给Composer的端到端指南
android·kotlin·android jetpack
星释9 小时前
鸿蒙Flutter三方库适配指南-02.Flutter相关知识基础
flutter·华为·harmonyos
阿里云云原生11 小时前
移动端性能监控探索:可观测 Android 采集探针架构与实现
android
雨白11 小时前
玩转 Flow 操作符(一):数据转换与过滤
android·kotlin
二流小码农11 小时前
鸿蒙开发:web页面如何适配深色模式
android·ios·harmonyos
消失的旧时光-194313 小时前
TCP 流通信中的 EOFException 与 JSON 半包问题解析
android·json·tcp·数据
JiaoJunfeng13 小时前
android 8以上桌面图标适配方案(圆形)
android·图标适配
参宿四南河三13 小时前
Android Compose快速入门手册(真的只是入门)
android·app