{"id":13465633,"url":"https://github.com/hanshengchiu/reorderables","last_synced_at":"2026-02-22T01:38:49.175Z","repository":{"id":34149624,"uuid":"170344796","full_name":"hanshengchiu/reorderables","owner":"hanshengchiu","description":"Reorderable table, row, column, wrap, and sliver list that allow drag and drop of the children. https://pub.dartlang.org/packages/reorderables","archived":false,"fork":false,"pushed_at":"2023-06-23T03:47:17.000Z","size":59803,"stargazers_count":749,"open_issues_count":95,"forks_count":173,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-03-25T16:49:40.268Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"Dart","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/hanshengchiu.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2019-02-12T15:47:01.000Z","updated_at":"2025-03-24T02:06:58.000Z","dependencies_parsed_at":"2023-02-14T12:02:05.938Z","dependency_job_id":"0daa132f-e821-4a7e-864e-d600f61d89c9","html_url":"https://github.com/hanshengchiu/reorderables","commit_stats":{"total_commits":167,"total_committers":25,"mean_commits":6.68,"dds":0.6586826347305389,"last_synced_commit":"d778dd796fe06280bf83c97c1c60f9080cc24909"},"previous_names":[],"tags_count":20,"template":false,"template_full_name":null,"purl":"pkg:github/hanshengchiu/reorderables","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hanshengchiu%2Freorderables","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hanshengchiu%2Freorderables/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hanshengchiu%2Freorderables/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hanshengchiu%2Freorderables/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/hanshengchiu","download_url":"https://codeload.github.com/hanshengchiu/reorderables/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hanshengchiu%2Freorderables/sbom","scorecard":{"id":454761,"data":{"date":"2025-08-11","repo":{"name":"github.com/hanshengchiu/reorderables","commit":"d778dd796fe06280bf83c97c1c60f9080cc24909"},"scorecard":{"version":"v5.2.1-40-gf6ed084d","commit":"f6ed084d17c9236477efd66e5b258b9d4cc7b389"},"score":3.3,"checks":[{"name":"Dangerous-Workflow","score":-1,"reason":"no workflows found","details":null,"documentation":{"short":"Determines if the project's GitHub Action workflows avoid dangerous patterns.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#dangerous-workflow"}},{"name":"Packaging","score":-1,"reason":"packaging workflow not detected","details":["Warn: no GitHub/GitLab publishing workflow detected."],"documentation":{"short":"Determines if the project is published as a package that others can easily download, install, easily update, and uninstall.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#packaging"}},{"name":"Maintained","score":0,"reason":"0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0","details":null,"documentation":{"short":"Determines if the project is \"actively maintained\".","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#maintained"}},{"name":"Code-Review","score":4,"reason":"Found 7/15 approved changesets -- score normalized to 4","details":null,"documentation":{"short":"Determines if the project requires human code review before pull requests (aka merge requests) are merged.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#code-review"}},{"name":"Token-Permissions","score":-1,"reason":"No tokens found","details":null,"documentation":{"short":"Determines if the project's workflows follow the principle of least privilege.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#token-permissions"}},{"name":"Binary-Artifacts","score":8,"reason":"binaries present in source code","details":["Warn: binary detected: example/gifs/gifsicle-1.89-win64/gifdiff.exe:1","Warn: binary detected: example/gifs/gifsicle-1.89-win64/gifsicle.exe:1"],"documentation":{"short":"Determines if the project has generated executable (binary) artifacts in the source repository.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#binary-artifacts"}},{"name":"CII-Best-Practices","score":0,"reason":"no effort to earn an OpenSSF best practices badge detected","details":null,"documentation":{"short":"Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#cii-best-practices"}},{"name":"Vulnerabilities","score":10,"reason":"0 existing vulnerabilities detected","details":null,"documentation":{"short":"Determines if the project has open, known unfixed vulnerabilities.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#vulnerabilities"}},{"name":"Fuzzing","score":0,"reason":"project is not fuzzed","details":["Warn: no fuzzer integrations found"],"documentation":{"short":"Determines if the project uses fuzzing.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#fuzzing"}},{"name":"License","score":10,"reason":"license file detected","details":["Info: project has a license file: LICENSE:0","Info: FSF or OSI recognized license: MIT License: LICENSE:0"],"documentation":{"short":"Determines if the project has defined a license.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#license"}},{"name":"Security-Policy","score":0,"reason":"security policy file not detected","details":["Warn: no security policy file detected","Warn: no security file to analyze","Warn: no security file to analyze","Warn: no security file to analyze"],"documentation":{"short":"Determines if the project has published a security policy.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#security-policy"}},{"name":"Signed-Releases","score":-1,"reason":"no releases found","details":null,"documentation":{"short":"Determines if the project cryptographically signs release artifacts.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#signed-releases"}},{"name":"Branch-Protection","score":0,"reason":"branch protection not enabled on development/release branches","details":["Warn: branch protection not enabled for branch 'master'"],"documentation":{"short":"Determines if the default and release branches are protected with GitHub's branch protection settings.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#branch-protection"}},{"name":"Pinned-Dependencies","score":-1,"reason":"no dependencies found","details":null,"documentation":{"short":"Determines if the project has declared and pinned the dependencies of its build process.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#pinned-dependencies"}},{"name":"SAST","score":0,"reason":"SAST tool is not run on all commits -- score normalized to 0","details":["Warn: 0 commits out of 23 are checked with a SAST tool"],"documentation":{"short":"Determines if the project uses static code analysis.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#sast"}}]},"last_synced_at":"2025-08-19T09:15:30.550Z","repository_id":34149624,"created_at":"2025-08-19T09:15:30.550Z","updated_at":"2025-08-19T09:15:30.550Z"},"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29703227,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-21T23:35:04.139Z","status":"ssl_error","status_checked_at":"2026-02-21T23:35:03.832Z","response_time":107,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-07-31T15:00:32.996Z","updated_at":"2026-02-22T01:38:49.154Z","avatar_url":"https://github.com/hanshengchiu.png","language":"Dart","funding_links":["https://www.buymeacoffee.com/q5gkeA4t2","https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick\u0026hosted_button_id=2L56VGH228QJE"],"categories":["Components","组件","Dart","UI [🔝](#readme)"],"sub_categories":["UI"],"readme":"** Kindly submit PR if you encounter issues and please make sure you're using stable channel releases. \u003cbr\u003e\n** Maintaining open source software ain't easy. If you've commercially used this software, please consider [support](https://www.buymeacoffee.com/q5gkeA4t2).\n\n# reorderables\n\n[![pub package](https://img.shields.io/pub/v/reorderables.svg)](https://pub.dartlang.org/packages/reorderables)\n[![Awesome Flutter](https://img.shields.io/badge/Awesome-Flutter-blue.svg?longCache=true\u0026style=flat-square)](https://github.com/Solido/awesome-flutter)\n[![Buy Me A Coffee](https://img.shields.io/badge/Donate-Buy%20Me%20A%20Coffee-yellow.svg)](https://www.buymeacoffee.com/q5gkeA4t2)\n\n\nVarious reorderable, a.k.a. drag and drop, Flutter widgets, including reorderable table, row, column, wrap, and sliver list, that make their children draggable and \nreorder them within the widget. Parent widget only need to provide an `onReorder` function that is invoked with the old and new indexes of child being reordered.\n\n\n## Usage\nTo use this [package](https://pub.dartlang.org/packages/reorderables), add `reorderables` as a [dependency in your pubspec.yaml file](https://flutter.io/platform-plugins/).\n```\ndependencies:\n  reorderables:\n```\nAnd import the package in your code.\n``` dart\nimport 'package:reorderables/reorderables.dart';\n```\n## Examples\n\nThis package includes ReorderableSliverList, ReorderableTable, ReorderableWrap, ReorderableRow, and ReorderableColumn, which are reorderable versions of Flutter's SliverList, Table, Wrap, Row, and Column respectively.\n\n\u003cp\u003e\n\u003cimg src=\"https://github.com/hanshengchiu/reorderables/blob/master/example/gifs/reorderable_sliver_small.gif?raw=true\" width=\"180\" title=\"ReorderableSliverList\"\u003e\n\u003cimg src=\"https://github.com/hanshengchiu/reorderables/blob/master/example/gifs/reorderable_table_small.gif?raw=true\" width=\"180\" title=\"ReorderableTable\"\u003e\n\u003cimg src=\"https://github.com/hanshengchiu/reorderables/blob/master/example/gifs/reorderable_wrap_small.gif?raw=true\" width=\"180\" title=\"ReorderableWrap\"\u003e\n\u003cimg src=\"https://github.com/hanshengchiu/reorderables/blob/master/example/gifs/nested_reorderable_wrap_small.gif?raw=true\" width=\"180\" title=\"Nested ReorderableWrap\"\u003e\n\u003cimg src=\"https://github.com/hanshengchiu/reorderables/blob/master/example/gifs/reorderable_column1_small.gif?raw=true\" width=\"180\" title=\"ReorderableColumn #1\"\u003e\n\u003cimg src=\"https://github.com/hanshengchiu/reorderables/blob/master/example/gifs/reorderable_column2_small.gif?raw=true\" width=\"180\" title=\"ReorderableColumn #2\"\u003e\n\u003cimg src=\"https://github.com/hanshengchiu/reorderables/blob/master/example/gifs/reorderable_row_small.gif?raw=true\" width=\"180\" title=\"ReorderableRow\"\u003e\n\u003c/p\u003e\n\n### ReorderableSliverList\n\nReorderableSliverList behaves exactly like SliverList, but its children are draggable.\n\nTo make a SliverList reorderable, replace it with ReorderableSliverList and replace SliverChildListDelegate/SliverChildBuilderDelegate with ReorderableSliverChildListDelegate/ReorderableSliverChildBuilderDelegate.\nDo make sure that there's a ScrollController attached to the ScrollView that contains ReorderableSliverList, otherwise an error will be thrown when dragging list items.\n\n``` dart\nclass _SliverExampleState extends State\u003cSliverExample\u003e {\n  List\u003cWidget\u003e _rows;\n\n  @override\n  void initState() {\n    super.initState();\n    _rows = List\u003cWidget\u003e.generate(50,\n        (int index) =\u003e Text('This is sliver child $index', textScaleFactor: 2)\n    );\n  }\n\n  @override\n  Widget build(BuildContext context) {\n    void _onReorder(int oldIndex, int newIndex) {\n      setState(() {\n        Widget row = _rows.removeAt(oldIndex);\n        _rows.insert(newIndex, row);\n      });\n    }\n    // Make sure there is a scroll controller attached to the scroll view that contains ReorderableSliverList.\n    // Otherwise an error will be thrown.\n    ScrollController _scrollController = PrimaryScrollController.of(context) ?? ScrollController();\n\n    return CustomScrollView(\n      // A ScrollController must be included in CustomScrollView, otherwise\n      // ReorderableSliverList wouldn't work\n      controller: _scrollController,\n      slivers: \u003cWidget\u003e[\n        SliverAppBar(\n          expandedHeight: 210.0,\n          flexibleSpace: FlexibleSpaceBar(\n            title: Text('ReorderableSliverList'),\n            background: Image.network(\n              'https://upload.wikimedia.org/wikipedia/commons/thumb/6/68/Yushan'\n                '_main_east_peak%2BHuang_Chung_Yu%E9%BB%83%E4%B8%AD%E4%BD%91%2B'\n                '9030.png/640px-Yushan_main_east_peak%2BHuang_Chung_Yu%E9%BB%83'\n                '%E4%B8%AD%E4%BD%91%2B9030.png'),\n          ),\n        ),\n        ReorderableSliverList(\n          delegate: ReorderableSliverChildListDelegate(_rows),\n          // or use ReorderableSliverChildBuilderDelegate if needed\n//          delegate: ReorderableSliverChildBuilderDelegate(\n//            (BuildContext context, int index) =\u003e _rows[index],\n//            childCount: _rows.length\n//          ),\n          onReorder: _onReorder,\n        )\n      ],\n    );\n  }\n}\n```\n\n#### ReorderableSliverList Demo\n\n\u003cimg src=\"https://github.com/hanshengchiu/reorderables/blob/master/example/gifs/reorderable_sliver_small.gif?raw=true\" width=\"360\" title=\"ReorderableSliverList\"\u003e\n\n### ReorderableTable\n\nThe difference between table and list is that cells in a table are horizontally aligned, whereas in a list, each item can have children but they are not aligned with children in another item.\n\nMaking a row draggable requires cells to be contained in a single widget. This isn't achievable with Table or GridView widget since their children are laid out as cells of widget instead of rows of widget.\n\n``` dart\nclass _TableExampleState extends State\u003cTableExample\u003e {\n  List\u003cReorderableTableRow\u003e _itemRows;\n\n  @override\n  void initState() {\n    super.initState();\n    var data = [\n      ['Alex', 'D', 'B+', 'AA', ''],\n      ['Bob', 'AAAAA+', '', 'B', ''],\n      ['Cindy', '', 'To Be Confirmed', '', ''],\n      ['Duke', 'C-', '', 'Failed', ''],\n      ['Ellenina', 'C', 'B', 'A', 'A'],\n      ['Floral', '', 'BBB', 'A', 'A'],\n    ];\n\n    Widget _textWithPadding(String text) {\n      return Padding(\n        padding: EdgeInsets.symmetric(vertical: 4),\n        child: Text(text, textScaleFactor: 1.1),\n      );\n    }\n\n    _itemRows = data.map((row) {\n      return ReorderableTableRow(\n        //a key must be specified for each row\n        key: ObjectKey(row),\n        mainAxisSize: MainAxisSize.max,\n        mainAxisAlignment: MainAxisAlignment.spaceBetween,\n        children: \u003cWidget\u003e[\n          _textWithPadding('${row[0]}'),\n          _textWithPadding('${row[1]}'),\n          _textWithPadding('${row[2]}'),\n          _textWithPadding('${row[3]}'),\n//          Text('${row[4]}'),\n        ],\n      );\n    }).toList();\n  }\n\n  @override\n  Widget build(BuildContext context) {\n    var headerRow = ReorderableTableRow(\n      mainAxisSize: MainAxisSize.max,\n      mainAxisAlignment: MainAxisAlignment.spaceBetween,\n      children: [\n        Text('Name', textScaleFactor: 1.5),\n        Text('Math', textScaleFactor: 1.5),\n        Text('Science', textScaleFactor: 1.5),\n        Text('Physics', textScaleFactor: 1.5),\n        Text('Sports', textScaleFactor: 1.5)\n      ]\n    );\n\n    void _onReorder(int oldIndex, int newIndex) {\n      setState(() {\n        ReorderableTableRow row = _itemRows.removeAt(oldIndex);\n        _itemRows.insert(newIndex, row);\n      });\n    }\n\n    return ReorderableTable(\n      header: headerRow,\n      children: _itemRows,\n      onReorder: _onReorder,\n    );\n  }\n}\n```\n\nIn a table, cells in each row are aligned on column basis with cells in other rows, \nwhereas cells in a row of a list view don't align with  other rows.\n\n#### ReorderableTable Demo\n\n\u003cimg src=\"https://github.com/hanshengchiu/reorderables/blob/master/example/gifs/reorderable_table_small.gif?raw=true\" width=\"360\" title=\"ReorderableTable\"\u003e\n\n### ReorderableWrap\n\nThis widget can also limit the minimum and maximum amount of children in each run, on top of the size-based policy in Wrap's algorithm. See API references for more details.\n*Since v0.2.5, children of ReorderableWrap don't need to have a key explicitly specified.\n\n``` dart\nclass _WrapExampleState extends State\u003cWrapExample\u003e {\n  final double _iconSize = 90;\n  List\u003cWidget\u003e _tiles;\n\n  @override\n  void initState() {\n    super.initState();\n    _tiles = \u003cWidget\u003e[\n      Icon(Icons.filter_1, size: _iconSize),\n      Icon(Icons.filter_2, size: _iconSize),\n      Icon(Icons.filter_3, size: _iconSize),\n      Icon(Icons.filter_4, size: _iconSize),\n      Icon(Icons.filter_5, size: _iconSize),\n      Icon(Icons.filter_6, size: _iconSize),\n      Icon(Icons.filter_7, size: _iconSize),\n      Icon(Icons.filter_8, size: _iconSize),\n      Icon(Icons.filter_9, size: _iconSize),\n    ];\n  }\n\n  @override\n  Widget build(BuildContext context) {\n    void _onReorder(int oldIndex, int newIndex) {\n      setState(() {\n        Widget row = _tiles.removeAt(oldIndex);\n        _tiles.insert(newIndex, row);\n      });\n    }\n\n    var wrap = ReorderableWrap(\n      spacing: 8.0,\n      runSpacing: 4.0,\n      padding: const EdgeInsets.all(8),\n      children: _tiles,\n      onReorder: _onReorder,\n       onNoReorder: (int index) {\n        //this callback is optional\n        debugPrint('${DateTime.now().toString().substring(5, 22)} reorder cancelled. index:$index');\n      },\n      onReorderStarted: (int index) {\n        //this callback is optional\n        debugPrint('${DateTime.now().toString().substring(5, 22)} reorder started: index:$index');\n      }\n    );\n\n    var column = Column(\n      crossAxisAlignment: CrossAxisAlignment.start,\n      children: \u003cWidget\u003e[\n        wrap,\n        ButtonBar(\n          alignment: MainAxisAlignment.start,\n          children: \u003cWidget\u003e[\n            IconButton(\n              iconSize: 50,\n              icon: Icon(Icons.add_circle),\n              color: Colors.deepOrange,\n              padding: const EdgeInsets.all(0.0),\n              onPressed: () {\n                var newTile = Icon(Icons.filter_9_plus, size: _iconSize);\n                setState(() {\n                  _tiles.add(newTile);\n                });\n              },\n            ),\n            IconButton(\n              iconSize: 50,\n              icon: Icon(Icons.remove_circle),\n              color: Colors.teal,\n              padding: const EdgeInsets.all(0.0),\n              onPressed: () {\n                setState(() {\n                  _tiles.removeAt(0);\n                });\n              },\n            ),\n          ],\n        ),\n      ],\n    );\n\n    return SingleChildScrollView(\n      child: column,\n    );\n\n  }\n}\n```\n\n#### ReorderableWrap Demo\n\n\u003cimg src=\"https://github.com/hanshengchiu/reorderables/blob/master/example/gifs/reorderable_wrap_small.gif?raw=true\" width=\"360\" title=\"ReorderableWrap\"\u003e\n\n### Nested ReorderableWrap\n\nIt is also possible to nest multiple levels of ReorderableWrap. See `example/lib/nested_wrap_example.dart` for complete example code.\n\n``` dart\nclass _NestedWrapExampleState extends State\u003cNestedWrapExample\u003e {\n//  List\u003cWidget\u003e _tiles;\n  Color _color;\n  Color _colorBrighter;\n\n  @override\n  void initState() {\n    super.initState();\n    _color = widget.color ?? Colors.primaries[widget.depth % Colors.primaries.length];\n    _colorBrighter = Color.lerp(_color, Colors.white, 0.6);\n  }\n\n  @override\n  Widget build(BuildContext context) {\n    void _onReorder(int oldIndex, int newIndex) {\n      setState(() {\n        widget._tiles.insert(newIndex, widget._tiles.removeAt(oldIndex));\n      });\n    }\n\n    var wrap = ReorderableWrap(\n      spacing: 8.0,\n      runSpacing: 4.0,\n      padding: const EdgeInsets.all(8),\n      children: widget._tiles,\n      onReorder: _onReorder\n    );\n\n    var buttonBar = Container(\n      color: _colorBrighter,\n      child: Row(\n        mainAxisSize: MainAxisSize.min,\n        mainAxisAlignment: MainAxisAlignment.start,\n        children: \u003cWidget\u003e[\n          IconButton(\n            iconSize: 42,\n            icon: Icon(Icons.add_circle),\n            color: Colors.deepOrange,\n            padding: const EdgeInsets.all(0.0),\n            onPressed: () {\n              setState(() {\n                widget._tiles.add(\n                  Card(\n                    child: Container(\n                      child: Text('${widget.valuePrefix}${widget._tiles.length}', textScaleFactor: 3 / math.sqrt(widget.depth + 1)),\n                      padding: EdgeInsets.all((24.0 / math.sqrt(widget.depth + 1)).roundToDouble()),\n                    ),\n                    color: _colorBrighter,\n                    elevation: 3,\n                  )\n                );\n              });\n            },\n          ),\n          IconButton(\n            iconSize: 42,\n            icon: Icon(Icons.remove_circle),\n            color: Colors.teal,\n            padding: const EdgeInsets.all(0.0),\n            onPressed: () {\n              setState(() {\n                widget._tiles.removeAt(0);\n              });\n            },\n          ),\n          IconButton(\n            iconSize: 42,\n            icon: Icon(Icons.add_to_photos),\n            color: Colors.pink,\n            padding: const EdgeInsets.all(0.0),\n            onPressed: () {\n              setState(() {\n                widget._tiles.add(NestedWrapExample(depth: widget.depth + 1, valuePrefix: '${widget.valuePrefix}${widget._tiles.length}.',));\n              });\n            },\n          ),\n          Text('Level ${widget.depth} / ${widget.valuePrefix}'),\n        ],\n      )\n    );\n\n    var column = Column(\n      crossAxisAlignment: CrossAxisAlignment.start,\n      children: [\n        buttonBar,\n        wrap,\n      ]\n    );\n\n    return SingleChildScrollView(\n      child: Container(child: column, color: _color,),\n    );\n  }\n}\n```\n\n#### Nested ReorderableWrap Demo\n\n\u003cimg src=\"https://github.com/hanshengchiu/reorderables/blob/master/example/gifs/nested_reorderable_wrap_small.gif?raw=true\" width=\"360\" title=\"Nested ReorderableWrap\"\u003e\n\n### ReorderableColumn example #1\n\n``` dart\nclass _ColumnExample1State extends State\u003cColumnExample1\u003e {\n  List\u003cWidget\u003e _rows;\n\n  @override\n  void initState() {\n    super.initState();\n    _rows = List\u003cWidget\u003e.generate(50,\n        (int index) =\u003e Text('This is row $index', key: ValueKey(index), textScaleFactor: 1.5)\n    );\n  }\n\n  @override\n  Widget build(BuildContext context) {\n    void _onReorder(int oldIndex, int newIndex) {\n      setState(() {\n        Widget row = _rows.removeAt(oldIndex);\n        _rows.insert(newIndex, row);\n      });\n    }\n\n    return ReorderableColumn(\n      header: Text('THIS IS THE HEADER ROW'),\n      footer: Text('THIS IS THE FOOTER ROW'),\n      crossAxisAlignment: CrossAxisAlignment.start,\n      children: _rows,\n      onReorder: _onReorder,\n    );\n  }\n}\n```\n\n#### ReorderableColumn example #1 Demo\n\n\u003cimg src=\"https://github.com/hanshengchiu/reorderables/blob/master/example/gifs/reorderable_column1_small.gif?raw=true\" width=\"360\" title=\"ReorderableColumn #1\"\u003e\n\n### ReorderableColumn example #2\n\n``` dart\nclass _ColumnExample2State extends State\u003cColumnExample2\u003e {\n  List\u003cWidget\u003e _rows;\n\n  @override\n  void initState() {\n    super.initState();\n    _rows = List\u003cWidget\u003e.generate(10,\n        (int index) =\u003e Text('This is row $index', key: ValueKey(index), textScaleFactor: 1.5)\n    );\n  }\n\n  @override\n  Widget build(BuildContext context) {\n    void _onReorder(int oldIndex, int newIndex) {\n      setState(() {\n        Widget row = _rows.removeAt(oldIndex);\n        _rows.insert(newIndex, row);\n      });\n    }\n\n    Widget reorderableColumn = IntrinsicWidth(\n      child: ReorderableColumn(\n        header: Text('List-like view but supports IntrinsicWidth'),\n//        crossAxisAlignment: CrossAxisAlignment.start,\n        children: _rows,\n        onReorder: _onReorder,\n      )\n    );\n\n    return Transform(\n      transform: Matrix4.rotationZ(0),\n      alignment: FractionalOffset.topLeft,\n      child: Material(\n        child: Card(child: reorderableColumn),\n        elevation: 6.0,\n        color: Colors.transparent,\n        borderRadius: BorderRadius.zero,\n      ),\n    );\n  }\n}\n```\n\n#### ReorderableColumn example #2 Demo\n\n\u003cimg src=\"https://github.com/hanshengchiu/reorderables/blob/master/example/gifs/reorderable_column2_small.gif?raw=true\" width=\"360\" title=\"ReorderableColumn #2\"\u003e\n\n### ReorderableRow\n\nSee `exmaple/lib/row_example.dart`\n\n#### ReorderableRow Demo\n\n\u003cimg src=\"https://github.com/hanshengchiu/reorderables/blob/master/example/gifs/reorderable_row_small.gif?raw=true\" width=\"360\" title=\"ReorderableRow\"\u003e\n\n## Issues\n\nI've switched to Flutter channel stable from beta in order avoid compatibility issues. Supporting master or dev channels is not intended as they change frequently. \nKindly make sure that you are using stable channel when submitting issues.\n\n## Support\n\nIf you need `commercial support`, please reach out to me by sending me message on LinkedIn [![Hansheng](https://img.shields.io/badge/Consult%20Me-E68700.svg)](https://www.linkedin.com/in/hschiu/) \n\nOtherwise, you can also support me by buying me a coffee or donate me via PayPal.\nYour support is very much appreciated. :)\n\n[![Buy Me A Coffee](https://img.shields.io/badge/Buy%20Me%20A%20Coffee-yellow.svg)](https://www.buymeacoffee.com/q5gkeA4t2) \n or \n[![Donate](https://img.shields.io/badge/Donate-PayPal-green.svg)](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick\u0026hosted_button_id=2L56VGH228QJE)\n or\n[![Say Thanks!](https://img.shields.io/badge/Say%20Thanks-!-1EAEDB.svg)](https://saythanks.io/to/hanshengchiu) \n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhanshengchiu%2Freorderables","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhanshengchiu%2Freorderables","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhanshengchiu%2Freorderables/lists"}