草庐IT

dart - 在 Flutter 的 ListView 中长按并滑动

coder 2023-07-23 原文

我有一个正在创建 ListView 的屏幕。对于 Android，我想实现“长按”。对于 iOS，我想要“滑动手势”。

对于长按和滑动我必须显示 3 个选项:

删除 |全部删除 |更多...

如何做到这一点。

最佳答案

给你一个想法，你可以这样做。 

@override
Widget build(BuildContext context) {
  bool isIos = Theme.of(context).platform == TargetPlatform.iOS;
  return ListView.builder(
    itemBuilder: (context, index) {
      if (isIos) {
        return Dismissible(
          key: Key("unique_key"),
          child: YourOwnWidget(),
          onDismissed: (direction) {
            // your item is swiped, perform operation here
          },
        );
      }
      return GestureDetector(
        onLongPress: () {
          // you can show an AlertDialog here with 3 options you need
        },
        child: YourOwnWidget(),
      );
    },
  );
}

关于dart - 在 Flutter 的 ListView 中长按并滑动，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/55370140/

中长ListViewsectioncodedartflutterflutter-listview

有关dart - 在 Flutter 的 ListView 中长按并滑动的更多相关文章

  1. Flutter 环境变量配置和flutter doctor中的错误解决 - 2

    一、环境变量右键点击我的电脑-属性：然后找到环境变量 1.Android的SDK不在C盘的话需要额外配这个到用户环境变量：ANDROID_HOMED:\AndroidSDK2.然后在系统变量：Path中添加一条这样的值        D:\Flutter\flutter\bin             这个值写flutter包解压的实际地址即可 3.在系统变量中添加两个镜像变量：        变量名：FLUTTER_STORAGE_BASE_URL      变量值：https://storage.flutter-io.cn        变量名：PUB_HOSTED_URL      变量

  2. javascript - Google Dart JavaScript 转换器是否支持旧版浏览器？ - 2

    GoogleDartJavaScript转换器支持旧版浏览器还是仅支持现代浏览器？ 最佳答案 根据technicaloverviewofitsofficialsite:您将能够以多种方式运行Dart代码:1.将Dart代码转换为可在任何现代浏览器中运行的JavaScript:Chrome、Safari5+和Firefox4+(即将推出更多浏览器支持)。2.在服务器端直接在虚拟机中执行Dart代码3.使用Dartboard在任何浏览器窗口中编写、修改和执行小型Dart程序Dart->JavaScript编译器几乎不可能支持旧版浏览器。

  3. javascript - 如何获得这种淡入淡出和滑动效果？ - 2

    我想知道如何制作像这样的淡入淡出和滑动效果:http://www.apple.com/stevejobs/这是一个非常酷的动画，我想知道这是否可以用jQuery实现？注意:我已经知道如何淡入淡出。我一直使用jQuery。我想要新评论/内存/想法下降的效果。它向下滑动并同时消失。 最佳答案 淡化只是他们在元素上应用的一些CSS:来自messages.css(第81行)#messages#messageContainer#mask{background:-moz-linear-gradient(centertop,rgba(255,25

  4. javascript - 用 Dart 可视化？ - 2

    我的工作涉及大量的可视化。我一直在用D3.js和JavaScriptInfovistoolkit我最近了解到Dart如何成为开发Web应用程序的新方法。Q1。Dart是否提供任何用于可视化的库(某种级别的D3.js或JavaScriptInfovistoolkit)？Q2。如果我继续使用Dart，我可以使用D3.js吗？/JavascriptInfovistoolkit与Dart一起？编辑:我在互联网上发现wecanuseJavascriptalongwithDart.我经历了DartFAQ，但无法真正找到与可视化库或D3.js本身相关的任何内容。 最佳答案

  5. javascript - 如何在 ListView React-native 中过滤数据？ - 2

    我正在尝试过滤我的数组对象列表，然后尝试使用新数据源在ListView中显示。但是，该列表未被过滤。我知道我的过滤器功能正常工作。(我在console.log里查过了)我正在使用Redux将我的状态映射到prop。然后尝试过滤Prop。这是错误的方法吗？这是我的代码:/*globalfetch:false*/import_from'lodash';importReact,{Component}from'react';import{ListView,TextasNText}from'react-native';import{connect}from'react-redux';import

  6. javascript - 在移动网站中处理 iPhone 事件(如向左滑动) - 2

    iPhone浏览器是否有我可以使用Javascript连接的特殊事件？例如，如果用户向左滑动，我想执行某个操作。如果有这样的事件可用，很高兴看到所有这些事件的引用。理想情况下，有一天会出现适用于所有触摸屏移动浏览器的标准。 最佳答案 您可以访问多点触控事件和手势，但您可能需要自己处理大量的底层管道。这是Apple的指南:https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariWebContent/Handl

  7. Javascript 库或 jquery 插件，用于在移动 safari/ipad 中创建基于滑动的轮播 - 2

    你看过yahoo的ipad/tablet主页吗？浏览标题的滑动效果令人印象深刻。我在jquery中看到了一些解决方法(使用循环插件+touchwipe插件)，但这些都只是检测用户手势然后运行​​x-绝对位置动画，而不是实际跟踪用户的手势。知道类似于雅虎的解决方案吗？ 最佳答案 找到解决方案:http://cubiq.org/iscroll-4使用“对齐”选项重新创建轮播效果。 关于Javascript库或jquery插件，用于在移动safari/ipad中创建基于滑动的轮播，我们在Sta

  8. javascript - JQuery .slideDown() 向上滑动 - 2

    这行得通，但我不确定为什么。在functioncapIn()中，在我看来，行$botcap.slideDown("slow")应该使div向下滑动。它向上滑动。如果我尝试使用.slideUp()什么也没有发生，就好像它试图将它滑下来一样。谁能给我解释一下？$(".slide").hover(capIn,capOut);functioncapIn(){//slidetopcaptiondownvar$topcap=$(this).children(".topcap");$topcap.slideDown("slow");//slidebottomcaptionup//!!Whydoess

  9. javascript - 不用jquery的动画，左右滑动 - 2

    我想在显示时将div向左滑动，在隐藏时向右滑动，但我不想使用jQuery。有没有办法在不使用javascript库的情况下制作简单的动画并支持IE7和IE8？这是我的显示/隐藏js:functionshowHide(){varElliot=document.getElementById('Daniel').style.display;if(Elliot=="block"){document.getElementById('Daniel').style.display="none";}else{document.getElementById('Daniel').style.display

  10. javascript - react native ListView onEndReached 多次调用 - 2

    我在使用ReactNative中的ListViewonEndReached组件时遇到了一些问题。渲染代码:@autobind_fetchMoreHistory(){console.log("Fetchmorehistorycalled");}我打开屏幕的那一刻_fetchMoreHistory被调用了两次并且在到达onEndReached之后正常工作。有人可以帮助调试吗？ 最佳答案 我遇到了同样的问题并进行了很多搜索但没有找到任何答案，所以我使用了一个条件来检查第一个请求是否得到了我再次触发的数据，否则我没有例子//onEndRea

随机推荐