flutter 检测 滑动开始 和滑动停止

 主要是要分两个状态进行判断 
Listener(
  onPointerUp: (PointerUpEvent event) {
//手指放开屏幕
    projectDetailController.setPointerDownStatue(false);
  },
  onPointerMove: (PointerMoveEvent event) {
//手指一直按住屏幕
    projectDetailController.setPointerDownStatue(true);
  },
  onPointerDown: (PointerDownEvent event) {
//手指按下屏幕
    projectDetailController.setPointerDownStatue(true);
  },
  child: NotificationListener<ScrollNotification>(
    onNotification: (ScrollNotification notification) {
      if (notification is ScrollStartNotification) {
           //手指一直在屏幕上且处于滑动中 再判断处于滑动状态 
        if (projectDetailController.isPointerDown.isTrue) {
          projectDetailController.setScolling(true);
        }
      } else if (notification is ScrollEndNotification) {
        projectDetailController.setScolling(false);
      }
      return false;
    },
    child: Container(),
  ),
)
### 如何在 Flutter 中实现 Text 组件的可滑动效果 为了使 `Text` 组件具备滑动效果,在 Flutter 中可以借助于 `SingleChildScrollView` 或者更专业的插件如 `Slidable` 来完成这一目标。然而,对于简单的水平滚动文字需求来说,通常推荐使用 `SingleChildScrollView` 结合 `Text` 设置其内部参数来达成目的[^1]。 下面是一个具体的例子展示如何让一段较长的文字能够被横向滚动: ```dart import 'package:flutter/material.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( home: Scaffold( appBar: AppBar(title: Text('Scrollable Text Example')), body: Center(child: ScrollableText()), ), ); } } class ScrollableText extends StatelessWidget { @override Widget build(BuildContext context) { return SingleChildScrollView( scrollDirection: Axis.horizontal, // 设置为水平方向滚动 child: Container( color: Colors.lightBlueAccent, padding: EdgeInsets.all(8), child: Text( "这是一个非常长的字符串用于测试单行文本溢出时自动滚动的效果", style: TextStyle(fontSize: 24), maxLines: 1, // 只显示一行 overflow: TextOverflow.visible, // 文本超出部分可见以便能滚动查看全部内容 ), ), ); } } ``` 如果希望获得更加复杂的功能比如侧滑删除等交互行为,则应该考虑采用专门设计用来处理这类场景的小部件如 `Slidable` 。这允许开发者不仅限于基本的滑动手势支持,还可以定制更多样化的视觉反馈以及关联操作。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值