[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-9195":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":16,"stars7d":17,"stars30d":18,"stars90d":16,"forks30d":16,"starsTrendScore":17,"compositeScore":19,"rankGlobal":10,"rankLanguage":10,"license":20,"archived":21,"fork":21,"defaultBranch":22,"hasWiki":23,"hasPages":21,"topics":24,"createdAt":10,"pushedAt":10,"updatedAt":29,"readmeContent":30,"aiSummary":31,"trendingCount":16,"starSnapshotCount":16,"syncStatus":32,"lastSyncTime":33,"discoverSource":34},9195,"flutter_slidable","letsar\u002Fflutter_slidable","letsar","A Flutter implementation of slidable list item with directional slide actions.","",null,"Dart",2852,644,27,135,0,1,4,61.33,"MIT License",false,"master",true,[25,26,27,28],"dart","flutter","slide-menu","swipe-menu","2026-06-12 04:00:43","\u003C!-- [![Build][github_action_badge]][github_action] -->\n[![Pub][pub_badge]][pub] [![BuyMeACoffee][buy_me_a_coffee_badge]][buy_me_a_coffee]\n\n[\u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fletsar\u002Fflutter_slidable\u002Fassets\u002Fflutter_favorite.png\" width=\"100\" \u002F>][flutter_favorite] **Slidable is a [Flutter Favorite][flutter_favorite] package!**\n\n\n# flutter_slidable\n\nA Flutter implementation of slidable list item with directional slide actions that can be dismissed.\n\n## Sponsors\n\nOur top sponsors are shown below! [[Become a Sponsor](https:\u002F\u002Fgithub.com\u002Fsponsors\u002Fletsar)]\n\n\n\n\u003Ctable>    \n    \u003Ctbody>\n        \u003Ctr>\n            \u003Ctd align=\"center\">\n                \u003Ca href=\"https:\u002F\u002Fgetstream.io\u002Fchat\u002Fflutter\u002Ftutorial\u002F?utm_source=PubDev&utm_medium=Github_Repo_Content_Ad&utm_content=Developer&utm_campaign=PubDev_Jan2022_FlutterChat&utm_term=slidable\" target=\"_blank\">\u003Cimg width=\"250px\" src=\"https:\u002F\u002Fstream-blog.s3.amazonaws.com\u002Fblog\u002Fwp-content\u002Fuploads\u002Ffc148f0fc75d02841d017bb36e14e388\u002FStream-logo-with-background-.png\"\u002F>\u003C\u002Fa>\u003Cbr\u002F>\u003Cspan>\u003Ca href=\"https:\u002F\u002Fgetstream.io\u002Fchat\u002Fflutter\u002Ftutorial\u002F?utm_source=PubDev&utm_medium=Github_Repo_Content_Ad&utm_content=Developer&utm_campaign=PubDev_Jan2022_FlutterChat&utm_term=slidable\" target=\"_blank\">Try the Flutter Chat Tutorial &nbsp💬\u003C\u002Fa>\u003C\u002Fspan>\n            \u003C\u002Ftd> \n            \u003Ctd align=\"center\">\n                \u003Ca href=\"https:\u002F\u002Fwww.courier.com\u002F?utm_source=flutter_slidable&utm_campaign=osssponsors\" target=\"_blank\">\u003Cimg width=\"250px\" src=\"https:\u002F\u002Fmedia-hosting.imagekit.io\u002F\u002F864640ee54c34c02\u002Flz73kwDx.png?Expires=1832231436&Key-Pair-Id=K2ZIVPTIP2VGHC&Signature=EDo45uY6--M~xwlubOKREirOxMN7NUDIi92LzMYRFrn1AoMP12FJQ7McGWK4hoIqO3Yx-58n-eCc~xgGkq1v3Cyab8EQz5y~v3upgFY~43mUqzsjgDFQXHhEdT6Q2N6cBPDwAnOt2eYwTCLQFB3hSHPFAK8whdU9xA3bdcMW5uSzzqwwEavaecgE8PRAnYFGK2TvVXixT~ZROkF769t7D6kzI0QLcAbQAR-hKX89Z4Rumzep5oF1giJN5XNkRO9JkKFX-UXqMI2qcQV6Ctl1F5SywshNqU0ZZBkVgoZg11CnhkR~ejpjuIM9dmWrjReotjGK5QVLOd-ngFo~3PXZQw__\"\u002F>\u003C\u002Fa>\u003Cbr\u002F>\u003Cspan>\u003Ca href=\"https:\u002F\u002Fwww.courier.com\u002F?utm_source=flutter_slidable&utm_campaign=osssponsors\" target=\"_blank\">Your complete platform for sending notifications\u003C\u002Fa>\u003C\u002Fspan>\n            \u003C\u002Ftd>            \n        \u003C\u002Ftr>\n    \u003C\u002Ftbody>\n\u003C\u002Ftable>\n\n## Migration from 0.6.0\n\nYou can read this small guide to migrate from the 0.6 to the 1.0 version: https:\u002F\u002Fgithub.com\u002Fletsar\u002Fflutter_slidable\u002Fwiki\u002FMigration-from-version-0.6.0-to-version-1.0.0\n\n## Features\n\n* Accepts start (left\u002Ftop) and end (right\u002Fbottom) action panes.\n* Can be dismissed.\n* 4 built-in action panes.\n* 2 built-in slide action widgets.\n* 1 built-in dismiss animation.\n* You can easily create custom layouts and animations.\n* You can use a builder to create your slide actions if you want special effects during animation.\n* Closes when a slide action has been tapped (overridable).\n* Closes when the nearest `Scrollable` starts to scroll (overridable).\n* Option to disable the slide effect easily.\n\n## Install\n\nIn the `pubspec.yaml` of your flutter project, add the following dependency:\n\n```yaml\ndependencies:\n  flutter_slidable: \u003Clatest_version>\n```\n\nIn your library add the following import:\n\n```dart\nimport 'package:flutter_slidable\u002Fflutter_slidable.dart';\n```\n\n## Getting started\n\nExample:\n\n```dart\nSlidable(\n  \u002F\u002F Specify a key if the Slidable is dismissible.\n  key: const ValueKey(0),\n\n  \u002F\u002F The start action pane is the one at the left or the top side.\n  startActionPane: ActionPane(\n    \u002F\u002F A motion is a widget used to control how the pane animates.\n    motion: const ScrollMotion(),\n\n    \u002F\u002F A pane can dismiss the Slidable.\n    dismissible: DismissiblePane(onDismissed: () {}),\n\n    \u002F\u002F All actions are defined in the children parameter.\n    children: const [\n      \u002F\u002F A SlidableAction can have an icon and\u002For a label.\n      SlidableAction(\n        onPressed: doNothing,\n        backgroundColor: Color(0xFFFE4A49),\n        foregroundColor: Colors.white,\n        icon: Icons.delete,\n        label: 'Delete',\n      ),\n      SlidableAction(\n        onPressed: doNothing,\n        backgroundColor: Color(0xFF21B7CA),\n        foregroundColor: Colors.white,\n        icon: Icons.share,\n        label: 'Share',\n      ),\n    ],\n  ),\n\n  \u002F\u002F The end action pane is the one at the right or the bottom side.\n  endActionPane: const ActionPane(\n    motion: ScrollMotion(),\n    children: [\n      SlidableAction(\n        \u002F\u002F An action can be bigger than the others.\n        flex: 2,\n        onPressed: doNothing,\n        backgroundColor: Color(0xFF7BC043),\n        foregroundColor: Colors.white,\n        icon: Icons.archive,\n        label: 'Archive',\n      ),\n      SlidableAction(\n        onPressed: doNothing,\n        backgroundColor: Color(0xFF0392CF),\n        foregroundColor: Colors.white,\n        icon: Icons.save,\n        label: 'Save',\n      ),\n    ],\n  ),\n\n  \u002F\u002F The child of the Slidable is what the user sees when the\n  \u002F\u002F component is not dragged.\n  child: const ListTile(title: Text('Slide me')),\n),\n```\n\n## Motions\n\nAny `ActionPane` has a motion parameter which allow you to define how the pane animates when the user drag the `Slidable`.\n\n### Behind Motion\n\nThe actions appear as if they where behind the `Slidable`:\n\n![Behind Motion][behind_motion]\n\n### Drawer Motion\n\nAnimate the actions as if they were drawers, when the `Slidable` is moving:\n\n![Drawer Motion][drawer_motion]\n\n### Scroll Motion\n\nThe actions follow the `Slidable` while it's moving:\n\n![Scroll Motion][scroll_motion]\n\n### Stretch Motion\n\nAnimate the actions as if they were streched while the `Slidable` is moving:\n\n![Stretch Motion][stretch_motion]\n\n### Controller\n\nYou can use ```SlidableController``` to open or close the actions programmatically:\n\n```dart\nfinal controller = SlidableController();\n\n\u002F\u002F ...\n\nSlidable(\n  controller: controller,\n  \u002F\u002F ...\n);\n\n\u002F\u002F ...\n\n\u002F\u002F Open the actions\nvoid _handleOpen() {\n  controller.openEndActionPane();\n  \u002F\u002F OR\n  \u002F\u002Fcontroller.openStartActionPane();\n}\n\nvoid _handleOpen() {\n  controller.close();\n}\n```\n\n## FAQ\n\nYou can read the FAQ here: https:\u002F\u002Fgithub.com\u002Fletsar\u002Fflutter_slidable\u002Fwiki\u002FFAQ\n\n## Sponsoring\n\nI'm working on my packages on my free-time, but I don't have as much time as I would. If this package or any other package I created is helping you, please consider to sponsor me so that I can take time to read the issues, fix bugs, merge pull requests and add features to these packages.\n\n## Contributions\n\nFeel free to contribute to this project.\n\nIf you find a bug or want a feature, but don't know how to fix\u002Fimplement it, please fill an [issue][issue].  \nIf you fixed a bug or implemented a feature, please send a [pull request][pr].\n\n\u003C!-- Links -->\n[github_action_badge]: https:\u002F\u002Fgithub.com\u002Fletsar\u002Fflutter_slidable\u002Fworkflows\u002FBuild\u002Fbadge.svg\n[github_action]: https:\u002F\u002Fgithub.com\u002Fletsar\u002Fflutter_slidable\u002Factions\n[pub_badge]: https:\u002F\u002Fimg.shields.io\u002Fpub\u002Fv\u002Fflutter_slidable.svg\n[pub]: https:\u002F\u002Fpub.dartlang.org\u002Fpackages\u002Fflutter_slidable\n[codecov]: https:\u002F\u002Fcodecov.io\u002Fgh\u002Fletsar\u002Fflutter_slidable\n[codecov_badge]: https:\u002F\u002Fcodecov.io\u002Fgh\u002Fletsar\u002Fflutter_slidable\u002Fbranch\u002Fmain\u002Fgraph\u002Fbadge.svg\n[buy_me_a_coffee]: https:\u002F\u002Fwww.buymeacoffee.com\u002Fromainrastel\n[buy_me_a_coffee_badge]: https:\u002F\u002Fimg.buymeacoffee.com\u002Fbutton-api\u002F?text=Donate&emoji=&slug=romainrastel&button_colour=29b6f6&font_colour=000000&font_family=Cookie&outline_colour=000000&coffee_colour=FFDD00\n[flutter_favorite_badge]: https:\u002F\u002Fraw.githubusercontent.com\u002Fletsar\u002Fflutter_slidable\u002Fassets\u002Fflutter_favorite.png\n[flutter_favorite]: https:\u002F\u002Fflutter.dev\u002Fdocs\u002Fdevelopment\u002Fpackages-and-plugins\u002Ffavorites\n[behind_motion]: https:\u002F\u002Fraw.githubusercontent.com\u002Fletsar\u002Fflutter_slidable\u002Fassets\u002Fbehind_motion.gif\n[drawer_motion]: https:\u002F\u002Fraw.githubusercontent.com\u002Fletsar\u002Fflutter_slidable\u002Fassets\u002Fdrawer_motion.gif\n[scroll_motion]: https:\u002F\u002Fraw.githubusercontent.com\u002Fletsar\u002Fflutter_slidable\u002Fassets\u002Fscroll_motion.gif\n[stretch_motion]: https:\u002F\u002Fraw.githubusercontent.com\u002Fletsar\u002Fflutter_slidable\u002Fassets\u002Fstretch_motion.gif\n[issue]: https:\u002F\u002Fgithub.com\u002Fletsar\u002Fflutter_slidable\u002Fissues\n[pr]: https:\u002F\u002Fgithub.com\u002Fletsar\u002Fflutter_slidable\u002Fpulls\n","flutter_slidable 是一个用于 Flutter 的滑动列表项实现，支持方向性滑动操作并可被关闭。该项目的核心功能包括接受起始和结束动作面板、内置四种动作面板及两种滑动动作组件，并提供了一种预设的关闭动画。此外，它还允许用户自定义布局与动画效果，以及通过构建器创建具有特殊动画效果的滑动动作。此库适用于需要在列表项上添加滑动菜单或滑动删除等功能的应用场景，如消息应用中的聊天记录管理或是任务管理应用的任务条目编辑等。",2,"2026-06-11 03:21:37","top_language"]