【Flutter组件】为左滑动作组件增加了弹性效果与联动关闭
2020/3/24 14:01:16
本文主要是介绍【Flutter组件】为左滑动作组件增加了弹性效果与联动关闭,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
组件
这是一个仿iOS(微信)效果的 Flutter 左滑菜单插件。在最新版本中,我添加了拉伸的弹性效果。
Pub地址:left_scroll_actions
GitHub地址:left_scroll_actions
特性
弹性 (1.5.0)
- 设置
CupertinoLeftScroll
的bounce
参数为true
,即可获得弹性效果 - 通过
CupertinoLeftScroll
的bounceStyle
参数控制弹性效果 - 暂时没有实现iOS的惯性效果,欢迎能实现的兄弟提出pr
联动列表(1.3.0)
这功能可以让你在打开一个左滑组件时,联动关闭其他打开的左滑组件。你也可以指定让一个组件打开与关闭:
- 对于提供同一个
LeftScrollCloseTag
的LeftScroll组件,可以在一个打开时,关闭其他组件 - 想要关闭特定的行,只需使用以下代码
// 找到对应tag与key的row状态,改变状态即可 LeftScrollGlobalListener.instance.targetStatus(tag,key) = false;
例子:CupertinoLeftScroll (1.5.0)
CupertinoLeftScroll( // important, each Row must have different key. // DO NOT use '$index' as Key! Use id or title. key: Key('TODO: your key'), // left scroll widget will auto close while the other widget is opened and has same closeTag. // 当另一个有相同closeTag的组件打开时,其他有着相同closeTag的组件会自动关闭. closeTag: LeftScrollCloseTag('TODO: your tag'), buttonWidth: 80, bounce: true, child: Container( height: 60, color: Colors.white, alignment: Alignment.center, child: Text('👈 Try Scroll Left'), ), buttons: <Widget>[ LeftScrollItem( text: 'edit', color: Colors.orange, onTap: () { print('edit'); }, ), LeftScrollItem( text: 'delete', color: Colors.red, onTap: () { print('delete'); }, ), ], onTap: () { print('tap row'); }, );
这篇关于【Flutter组件】为左滑动作组件增加了弹性效果与联动关闭的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2025-01-108年老开发现状 | 从外包干到了开一家自己的公司
- 2025-01-08救命的建议!给入行前端的朋友们唠点~
- 2025-01-03初学者指南:掌握HTML中的P标签
- 2025-01-03PS网页切图:新手入门教程
- 2025-01-02前端培训学习:新手入门指南
- 2025-01-02前端入门学习:从零开始的Web开发之旅
- 2025-01-02初学者指南:掌握HTML中的span标签
- 2025-01-02前端案例学习:初学者必备实战指南
- 2025-01-02前端编程学习:从零开始的Web开发入门指南
- 2024-12-29扎心了老铁!码农的「拧螺丝」之道~