{"id":25072491,"url":"https://github.com/bixat/flexible_wrap","last_synced_at":"2025-04-14T22:02:35.696Z","repository":{"id":249427573,"uuid":"831498645","full_name":"bixat/flexible_wrap","owner":"bixat","description":"Flutter package allows automatically distributes available space between items in a row, similar to Wrap widget but with additional features https://bixat.github.io/flexible_wrap/","archived":false,"fork":false,"pushed_at":"2025-01-27T19:19:39.000Z","size":26799,"stargazers_count":13,"open_issues_count":7,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-28T10:04:50.447Z","etag":null,"topics":["flex","flutter","flutter-package","wrap"],"latest_commit_sha":null,"homepage":"https://pub.dev/packages/flexible_wrap","language":"C++","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/bixat.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,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-07-20T18:20:52.000Z","updated_at":"2025-01-29T20:52:38.000Z","dependencies_parsed_at":"2025-02-06T22:39:48.714Z","dependency_job_id":null,"html_url":"https://github.com/bixat/flexible_wrap","commit_stats":null,"previous_names":["bixat/flexible_wrap"],"tags_count":8,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bixat%2Fflexible_wrap","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bixat%2Fflexible_wrap/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bixat%2Fflexible_wrap/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bixat%2Fflexible_wrap/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/bixat","download_url":"https://codeload.github.com/bixat/flexible_wrap/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248968741,"owners_count":21191158,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":["flex","flutter","flutter-package","wrap"],"created_at":"2025-02-06T22:29:34.606Z","updated_at":"2025-04-14T22:02:35.678Z","avatar_url":"https://github.com/bixat.png","language":"C++","funding_links":[],"categories":[],"sub_categories":[],"readme":"# FlexibleWrap\n\nFlexibleWrap is a Flutter widget that provides an advanced wrap layout with flexible spacing and RTL support. It automatically distributes available space between items in a row, similar to Wrap widget but with additional features:\n\nPerfect for implementing uniform grid layouts like product cards, image galleries, or any UI that requires evenly-spaced wrapped items.\n\n## Showcase\n\n![showcase](https://github.com/bixat/flexible_wrap/blob/main/showcase.gif?raw=true)\n\n## Features\n\n- **Dynamic Wrapping**: Automatically wraps widgets onto the next line based on the available space.\n- **Flexible Spacing**: Adjusts spacing between items and runs to achieve the desired visual appearance.\n- **Expanded Items**: Expands the items to fill the available space on the row.\n- **RTL Support**: Provides support for right-to-left text direction, ensuring proper layout and alignment for RTL languages.\n\n_Note: We currently support [only items that have the same width](https://github.com/bixat/flexible_wrap/issues/10); [height direction is not supported yet](https://github.com/bixat/flexible_wrap/issues/11)_\n\n## Example Demo\n\nCheck out the live demo of FlexibleWrap at [https://bixat.github.io/flexible_wrap/](https://bixat.github.io/flexible_wrap/)\n\n## Usage\n\nHere's a basic example of how to use FlexibleWrap:\n\n```dart\n\nclass MyHomePage extends StatefulWidget {\n  const MyHomePage({super.key, required this.title});\n\n  final String title;\n\n  @override\n  State\u003cMyHomePage\u003e createState() =\u003e _MyHomePageState();\n}\n\nclass _MyHomePageState extends State\u003cMyHomePage\u003e {\n  final spacing = 12.0;\n  @override\n  Widget build(BuildContext context) {\n    return Scaffold(\n      appBar: AppBar(\n        backgroundColor: Theme.of(context).colorScheme.inversePrimary,\n        title: Text(widget.title),\n      ),\n      body: SingleChildScrollView(\n        child: FlexibleWrap(\n          spacing: spacing,\n          runSpacing: spacing,\n          textDirection: TextDirection.rtl,\n          children: List.generate(20, (int index) {\n            return Container(\n              height: 100,\n              width: 300,\n              decoration: BoxDecoration(\n                  color: Colors.blue, borderRadius: BorderRadius.circular(8.0)),\n              child: const Center(\n                child: ListTile(\n                  title: Text(\n                    \"Lorem Ipsum is simply dummy text\",\n                    style: TextStyle(color: Colors.white),\n                    overflow: TextOverflow.ellipsis,\n                  ),\n                  subtitle: Text(\n                    \"Lorem Ipsum has been the industry's standard\",\n                    style: TextStyle(color: Colors.white),\n                    overflow: TextOverflow.ellipsis,\n                  ),\n                  leading: Icon(\n                    Icons.insert_emoticon,\n                    color: Colors.white,\n                    size: 60.0,\n                  ),\n                  trailing: Icon(\n                    Icons.favorite,\n                    color: Colors.white,\n                  ),\n                ),\n              ),\n            );\n          }).toList(),\n        ),\n      ),\n    );\n  }\n}\n```\n\n## Customization\n\nFlexibleWrap offers several customization options to tailor the layout to your needs:\n\n- **One Row Behavior**: Specify one row behavior using `isOneRowExpanded`.\n\n## Contributing\n\nContributions to FlexibleWrap are welcome! Please feel free to submit pull requests or open issues for bugs and feature requests.\n\n## License\n\nFlexibleWrap is licensed under the MIT License. See the LICENSE file for details.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbixat%2Fflexible_wrap","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbixat%2Fflexible_wrap","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbixat%2Fflexible_wrap/lists"}