Flutter Listview点击事件和长按事件实现

最新推荐文章于 2023-02-20 16:54:46 发布
最新推荐文章于 2023-02-20 16:54:46 发布
阅读量7.4k 收藏 15
点赞数 7
分类专栏： flutter android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xq610928/article/details/107050219
版权
本文介绍了在Flutter中如何实现ListView子项的点击事件和长按事件。通过使用GestureDetector组件，结合onTap和onLongPress方法，分别处理点击和长按操作，展示了一个简单的例子，并给出了相关依赖库的添加和使用方法。
摘要由CSDN通过智能技术生成

前言：

在Android 和iOS 常用APP经常有listview列表组件 展示数据 以及点击事件和长按事件的处理 今天我们来讲下flutter里面的子元素item的点击事件和长按事件

效果图：

image
image

1准备工作 需要用到的三方库

toast: ^0.1.5 在pubspec.yaml文件中添加依赖
image
然后在控制台敲 flutter pub get 来下载依赖
image

2 具体实现 :

了解本专栏 订阅专栏 解锁全文 超级会员免费看
Flutter ListView详解
2401_84132496的博客
04-17 2237
/设置滑动方向 Axis.horizontal 水平 默认 Axis.vertical 垂直//内间距//是否倒序显示 默认正序 false 倒序true//false，如果内容不足，则用户无法滚动 而如果[primary]为true，它们总是可以尝试滚动。//确定每一个item的高度 会让item加载更加高效//内容适配//item 数量//滑动类型设置//cacheExtent 设置预加载的区域//滑动监听。
Flutter ListView子项长按浮层菜单实现
Xsinwa的博客
12-16 1627
ListView是一个常用控件，而且大多数ListView都会进行功能扩展，如左滑出现菜单选项、左滑删除、长按出现菜单选项等，本文讲介绍如何实现长按出现菜单选项功能。废话不多说，直接上代码： @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( aut...
Flutter ListView 列表点击和网页加载
子不语的博客
10-25 7237
上一篇讲了使用ListView加载列表数据，本篇，我们讲下列表项的点击，因为本篇的例子点击后是加载一个网页，所以本篇也讲下类似于Android的WebView和iOS的UIWebView加载网页。效果如下： item点击 在Android中，您可以通过调用方法setOnClickListener将OnClick绑定到按钮等view上. 在Flutter中，添加触摸监听器有两种方法: 具体可以查阅...
正确使用Flutter的Listview
最新发布
平头哥
02-20 1320
Flutter不提供 ListView的Adapter，那只能造一个了；
flutter在导航栏处实现对两个列表的点击事件
weixin_44911775的博客
08-01 383
重点部分，为什么要整合点击事件在导航栏这里，因为好看，好理解，逻辑比较顺，全局上点击。原理通过Function实现index的回调。
flutter Listview使用教程，点击事件，ListView顶部留有空白（第一行大小不一样）解决办法
键盘的起始页
05-25 1725
flutter Listview使用教程，点击事件，ListView顶部留有空白（第一行大小不一样）解决办法。直接copy下面的代码自己跑一下就知道了。基础代码在这里：https://codelabs.flutter-io.cn/codelabs/first-flutter-app-pt1-cn/index.html#5 上面的基础代码存在问题，顶部（第一行大小不一样） ，解决办法为： return new Divider( height: 0, ...
flutter 长按弹出菜单,删除,分享,更多,撤回.
仰望星空
01-28 4521
最近在开发IM软件,需要做:长按弹出菜单,删除,分享,更多,撤回. 先看看效果是不是你想要的 使用处的代码 _menuView() { bool isCanRecall = DateTime.now().millisecondsSinceEpoch - dateTime.millisecondsSinceEpoch < 12000; ...
Flutter App (一) —— ListView以及GridView的列表展示与Item点击事件
热门推荐
xhuww的博客
05-19 2万+
欢迎来到xhu_ww的博客 本文章为作者在学习Flutter 时的学习总结，在本文中你可了解到以下内容： Flutter的安装与使用 Flutter中网络请求 Flutter中列表展示 1. Flutter的安装与使用 能查看本文，相信你对Flutter 已经有了一定的了解，在此就不用对Flutter 进行介绍了。如果完全不了解可以查看：Flutter 官网 1.1 Flutt...
android的item长按事件,Flutter 中listview 点击事件和长按事件实现
weixin_42318712的博客
05-27 421
前言：在Android 和iOS 常用APP经常有listview列表组件 展示数据 以及点击事件和长按事件的处理 今天我们来讲下flutter里面的子元素item的点击事件和长按事件效果图：1准备工作 需要用到的三方库toast: ^0.1.5 在pubspec.yaml文件中添加依赖然后在控制台敲 flutter pub get 来下载依赖2 具体实现 :具体代码 :imp...
Flutter学习之旅(二)----MD风格和点击事件
07-21
Flutter学习之旅(二)----MD风格和点击事件,对应博客地址http://blog.csdn.net/zhangxiangliang2/article/details/75578181
Flutter学习之旅(六)----ListView控件自定义Adapter以及带参数跳转
07-30
Flutter学习之旅(六)----ListView控件自定义Adapter以及带参数跳转，博客对应地址：http://blog.csdn.net/zhangxiangliang2/article/details/76383244
flutter 通过 ListView 展示列表点击跳转查看 Image 组件的颜色混合模式
JerryWu145的专栏
02-13 822
哇，这个名字好绕口 你可以理解为:使用 flutter 实现listview 并且点击跳转 你也可以理解为: Image 组件的 colorBlendMode(颜色混合模式)的示例 我们先看一下示例吧~ ok，这下明白了吧。 一、实现ListView效果 首先，定义一个数组 然后定义一个返回ListView的方法 修改创建flutter项目后的body体 ...
Flutter笔记（10）flutter中listview列表
向着太阳迎着光
07-29 809
listview概述 ListView无论是在Android（兼容了android中的ScrollView和ListView，可以当列表也可以充当滑动布局）和IOS开发中，使用的频率都是很高的，而且功能也是很强大。在Flutter中也不例外，也是一个非常常用的布局方式之一，在Flutter中ListView结合ListTile可以布局出一些复杂的列表界面。 ListView列表item-ListT......
Flutter实现ListView效果
u010221508的博客
03-23 3984
在Flutter中，Android ListView就是Flutter中的ListView 在Android ListView中，您可以创建一个适配器，然后您可以将它传递给ListView,该适配器将使用适配器内返回的内容来展示每一行。然而，你必须确保在合适的时机回收行，否则，你会得到各种疯狂的视觉和内存问题。 在Flutter中，由于Flutter的不可变的widget模型，将一个Widge...
flutter列表点击变色思路
python4_1的博客
08-11 1100
flutter 列表点击变色
flutter学习之Listview
隔壁小王的博客
11-21 982
ListView构造方法 ListView.separated({ Key key, Axis scrollDirection = Axis.vertical, bool reverse = false, ScrollController controller, bool primary, ScrollPhysics physics, boo...
flutter-ListView
王子老师
12-15 156
比你优秀的人比你还努力，感谢提醒和砥砺！ flutter列表组件 body: new ListView( children: [ new ListTile( leading: new Icon(Icons.perm_contact_cal_rounded), title:new Text('heihei') ),new ListTile( leading: new Icon(Icons.perm_camera_mic), .
Flutter ListView组件详解及其使用（Scrollable）
Lastdoggod的博客
08-14 3111
Flutter ListView组件详解及其使用（Scrollable）
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

xq9527--

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值
>