Query: Smooth DismissiblePane Implementation within ActionPane?
维护者通常 1 天内回复
还没有人认领这个 Issue。
评估
调研方向
The report concerns how ActionPane, DismissiblePane and SlidableAction interact inside a Slidable with DrawerMotion on the start pane, so start with the code that handles the start pane's dismissible and its children. Reproduce with the snippet in the issue, swiping past the dismissThreshold with no children acting, and see where the drag stops. Done means a pane with only a DismissiblePane can be dismissed in one smooth swipe, with confirmDismiss returning false still closing the pane.
由索引模型根据 Issue 内容生成。
描述
Hello,
Firstly, a huge thank you for this incredible package!
In my application, I have a list of products. I aim for users to validate a product by swiping from left to right, or be able to edit/delete it by swiping from right to left.
However, I'm encountering difficulty implementing just the DismissiblePane for the validation functionality. It seems ActionPane requires children, and therefore, the motion from the user is not smooth to validate the product. When a user swipes, they're initially obstructed by the ActionPaneAction, and only then can they dismiss the tile.
Do you know if it's possible to exclusively employ a DismissiblePane within an ActionPane?
Thank you!
Here is my minimal code :
Slidable(
key: ValueKey(index),
groupTag: '0',
startActionPane: ActionPane(
motion: const DrawerMotion(),
dismissible: DismissiblePane(
key: const ValueKey(0),
closeOnCancel: true,
dismissThreshold: 0.8,
confirmDismiss: () async {
doSth();
return false;
},
onDismissed: () {
print("Panel dismiss called");
}),
children: [
SlidableAction(
onPressed: (_) {}, // I don't want to perform any action here, but the motion do a stop here
backgroundColor: Colors.green,
foregroundColor: Colors.white,
icon: Icons.done,
),
],
),
endActionPane: ActionPane(
extentRatio: 0.4,
motion: const ScrollMotion(),
children: [
SlidableAction(
onPressed: (_) {},
backgroundColor: Colors.blue,
foregroundColor: Colors.white,
icon: Icons.edit,
),
SlidableAction(
onPressed: (_) {
product.isVisible = false;
setState(() {});
_deleteSelectedItems();
},
backgroundColor: Colors.red,
foregroundColor: Colors.white,
icon: Icons.delete,
),
],
),
child: ChildProduct(product),
);
- 主要语言
- Dart
- 星标
- 2.9k
- 派生
- 646
- 平均合并
- 5 分钟
- 30 天内合并 PR
- 9
环境准备
这个项目没有提供开发容器、Dockerfile 或贡献指南，环境需要你自己搭建：先看它的 README，通用步骤见我们的新手贡献指南。
从这里开始
- 先读完整个 Issue，再读项目的贡献指南。
- 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
- Fork 仓库，在一个分支上完成修改。
- 提交 Pull Request，并在描述里引用这个 Issue 编号。
letsar/flutter_slidable 的其他 Issue
-
难度 3/5 1-2 天 新手友好度 48/100
letsar/flutter_slidable#549 ·
维护者通常 1 天内回复
-
Lock action-pane intent for a continuous drag until neutral settle可能已有人在做 @lukemmtt 于 197 天前认领。 未关闭
难度 3/5 1-2 天 新手友好度 25/100
letsar/flutter_slidable#546 ·
维护者通常 1 天内回复
-
难度 3/5 1-2 天 新手友好度 35/100
letsar/flutter_slidable#541 ·
维护者通常 1 天内回复
-
Example is not runnable on android可能已有人在做 @akhil-ge0rge 于 353 天前认领。 未关闭
难度 2/5 1-3 小时 新手友好度 18/100
letsar/flutter_slidable#540 ·
维护者通常 1 天内回复
-
难度 4/5 3-5 天 新手友好度 22/100
letsar/flutter_slidable#535 ·
维护者通常 1 天内回复
查看 letsar/flutter_slidable 的全部 Issue
相似的 Issue
-
documentation
难度 2/5 1-3 小时 新手友好度 73/100
patarapolw/lingua_srs#103 ·
维护者通常 1 天内回复
-
[Feature]未关闭
难度 2/5 1-3 小时 新手友好度 62/100
维护者通常 5 天内回复
-
难度 2/5 1-3 小时 新手友好度 78/100
维护者通常 1 天内回复
-
desktop linux photos
难度 2/5 1-3 小时 新手友好度 78/100
维护者通常 1 天内回复
-
难度 2/5 1-3 小时 新手友好度 72/100
lichess-org/mobile#3944 ·
维护者通常 2 天内回复