flutter,Slidable滑动只允许显示一个

凹陷鼠标垫

已于 2022-11-29 16:21:13 修改

阅读量1.2k

点赞数 1

分类专栏： FlutterApp 笔记文章标签： flutter

于 2022-11-29 16:09:48 首次发布

本文链接：https://blog.csdn.net/qq_35962740/article/details/128099499

版权

笔记同时被 2 个专栏收录

12 篇文章 0 订阅

订阅专栏

FlutterApp

11 篇文章 0 订阅

订阅专栏

Slidable组件，默认滑动显示后是不会自动关闭的，这样导致滑动过的不会自动关闭，要实现像微信一样呢效果，哈哈，特简单。
效果：
请添加图片描述

实现：

这里主要做左滑只显示一个的操作，list内容我就不写了。只要在你现有的list外层在包裹这个SlidableAutoCloseBehavior组件即可。eg:

SlidableAutoCloseBehavior(//包裹的组件
	child: ListView.builder(
	itemBuilder: (BuildContext context, int index) {
	   return Text('list内容');
	},
	itemCount: controller.conversationsList.length)
)

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

凹陷鼠标垫

关注关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
1
评论
flutter,Slidable滑动只允许显示一个

Slidable滑动自动关闭，实现像微信一样呢效果
复制链接

扫一扫

专栏目录

【Flutter】使用 Flutter Slidable 轻松实现滑动列表项和方向滑动操作

Code Metaverse

07-09

2671

Flutter Slidable 是一个 Flutter 插件，它实现了可滑动的列表项和方向滑动操作。这意味着你可以在你的 Flutter 应用中创建一个列表项，用户可以通过滑动来显示隐藏的操作，比如删除、分享等。

【Flutter】包管理（20）Flutter 组件动画 Flutter Slidable 实现滑动动画

Code Metaverse

07-10

632

Flutter Slidable 不仅提供了一些内置的布局和动画，还允许你创建自定义的布局和动画。这意味着你可以根据你的需求，创建独特的滑动操作。

1 条评论您还未登录，请先登录后发表或查看评论

flutter_slidable:带有方向滑动动作的可滑动列表项的 Flutter 实现

07-24

Slidable 是包！ flutter_slidable 可滑动列表项的 Flutter 实现，具有可以取消的定向滑动操作。赞助商我们的顶级赞助商如下所示！ [] 从 0.6.0 迁移你可以阅读这个从 0.6 迁移到 1.0 版本的小指南： : 特征接受开始（左/上）和结束（右/下）操作窗格。可以开除。 4 个内置操作窗格。 2 个内置的滑动动作小部件。 1个内置解散动画。您可以轻松创建自定义布局和动画。如果您想要动画期间的特殊效果，您可以使用构建器来创建幻灯片操作。当滑动操作被点击（可覆盖）时关闭。当最近的Scrollable开始滚动（可覆盖）时关闭。轻松禁用幻灯片效果的选项。安装在 flutter 项目的pubspec.yaml中，添加以下依赖项： dependencies : flutter_slidable : <l

flutter 中使用flutter_slidable 实现左滑显示删除、修改菜单，仿微信

最新发布

初遇你时动了情

01-22

1892

【代码】flutter 中使用flutter_slidable 实现左滑显示删除、修改菜单，仿微信。

Flutter学习日记之Slidable实现侧滑菜单

qq_40785165的博客

09-16

5869

本文地址：https://blog.csdn.net/qq_40785165/article/details/120116188，转载需附上此链接敏而好学，不耻下问。大家好，我是小黑，一个还没秃头的程序员~~~ 相信大家一定经常遇到一种需求，需要在列表的单项上进行一个方向的滑动，从而显示某些可用的操作，比如【删除】【置顶】【设置成已读】等操作，这次介绍的就是用于实现这种需求的组件------flutter_slidable 效果如图：不多废话，正文直接开始 Slide基本属性如下：参数说

Flutter Slidable 列表侧滑菜单列表侧滑删除

代码小疯子

04-06

4344

在码农的世界里，优美的应用体验，来源于程序员对细节的处理以及自我要求的境界，年轻人也是忙忙碌碌的码农中一员，每天、每周，都会留下一些脚印，就是这些创作的内容，有一种执着，就是不知为什么，如果你迷茫，不妨来瞅瞅码农的轨迹。优美的音乐节奏带你浏览这个效果的编码过程坚持每一天，是每个有理想青年的追求追寻年轻人的脚步，也许你的答案就在这里如果你迷茫不妨来瞅瞅这里 2021 -03-16 第五十二天 Flutter App开发弹簧动画不一样的效果提升不一样的应用体验【github源码】 .

[译] Slidable：一个 Flutter 的故事

weixin_33676492的博客

07-30

395

原文地址：Slidable: A Flutter story 原文作者：Romain Rastel 译文出自：掘金翻译计划本文永久链接：github.com/xitu/gold-m… 译者：YueYong 校对者：dayixinsheng Slidable：一个 Flutter 的故事概要这是创建 Slidable 小部件背后的故事（点击这里）。他是一个当您向左侧或右侧滑动时，可以...

flutter 中监听滑动事件

08-25

在 Flutter 中，可以使用 Listener widget 来监听原始触摸事件，它也是一个功能性 widget。Listener 的常见属性有 onPointerDown、onPointerMove、onPointerUp 和 onPointerCancel 等，分别对应手指按下、手指移动、...

flutter-slide-to-act:Flutter的一个简单的滑动解锁小部件

05-05

颤抖的行动Flutter的一个简单的滑动解锁组件，受启发。入门将slide_to_act添加到您的发布规范： dependencies: slide_to_act: any # or the latest version on Pub例子显示所有功能的示例应用程序可在此文件夹中的...

flutter使用NestedScrollView实现滑动联动吸顶

10-14

flutter使用NestedScrollView实现滑动联动吸顶

flutter PageView实现左右滑动切换视图

08-25

PageView 是 Flutter 中的一个重要 Widget，用于实现左右滑动切换视图。本文将详细介绍如何使用 Flutter PageView 实现左右滑动切换视图。一、PageView 简介 PageView 是 Flutter 中的一个 Widget，用于实现左右...

ScrollView中的ListView只显示一条数据的解决方法

菜鸟码农升职记

12-09

1742

在ScrollView中嵌套ListView，会出现ListView只显示一条数据的现象，解决方法有两种，如下： 1. 在Activity中list view.setAdapter以后执行如下方法 public class MainActivity extends Activity { private ListView listView; @Override

Flutter列表侧滑菜单组件实现

AppBlog.CN全栈架构

05-06

199

);} ,);} }i});} ,);} }index});} ,);} }index});} ,);} }item});} ,);} }item});} ,);} }

OKR自律开发记录

鲸落

08-02

521

本软件基于Flutter开发，运用GETX状态管理框架实现，支持多语言。一、运行样例二、功能用户验证码登陆修改个人信息和头像预览更改信息系统清理缓存退出登陆计划创建计划删除计划预览计划修改计划三、插件集合状态管理框架 get: ^4.1.4 网络请求 dio: ^4.0.0 dio_cookie_manager: ^2.0.0 cookie_jar: ^3.0.1 下拉刷新 flutter_easyrefresh: ^2.2.1.

flutter基础与常用插件

tj1334311578的博客

11-21

754

flutter 基础用法与常用库

Flutter折叠展开列表的使用

02-05

4981

flutter中官方其实已经封装好了折叠展开列表：ExpansionPanel，但是官方的可定制性太差，我今天主要说下如何简单实现一个自己的折叠展开列表。状态控制折叠展开列表，每一个父列表项都应该有一个状态记录，如果是关闭入状态，点击后就展开子列表，如果父列表是展开状态，那么点击就会将子列表关闭。数据刷新折叠展开的过程其实就是状态变化的过程，逻辑层面根据这个状态执行不同的逻辑流，返回不同的数据源，然后刷新来实现折叠展开的效果。具体源码如下： isOpen是个状态变量，点击的时候只用改

TouTiao开源项目分析笔记2

SFC0511的博客

12-01

277

1.Constant常量定义类 1.1.源代码 public class Constant { public static final String USER_AGENT_MOBILE = "Mozilla/5.0 (Linux; Android 5.1.1; Nexus 6 Build/LYZ28E) AppleWebKit/537.36 (KHT...

flutter设计一个页面整体可滑动

06-01

要实现一个整体可滑动的页面，可以使用 Flutter 中的 SingleChildScrollView 组件。这个组件可以在垂直方向上滚动一个子组件。以下是一个简单的示例代码： ```dart import 'package:flutter/material.dart'; class ScrollablePage extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text('Scrollable Page'), ), body: SingleChildScrollView( child: Column( children: [ Container( color: Colors.red, height: 200, ), Container( color: Colors.green, height: 200, ), Container( color: Colors.blue, height: 200, ), ], ), ), ); } } ``` 在这个示例中，我们使用了 SingleChildScrollView 包裹了一个 Column 组件，然后在 Column 组件中添加了三个不同颜色的 Container 组件，每个 Container 组件的高度都为 200。这样，我们就可以在整个页面上下滑动，查看所有的内容。

“相关推荐”对你有帮助么？

非常没帮助
没帮助
一般
有帮助
非常有帮助

提交