{"id":22153622,"url":"https://github.com/harshilchovatiya/flexi_bottom_nav","last_synced_at":"2026-05-07T18:31:44.515Z","repository":{"id":249798185,"uuid":"832621221","full_name":"harshilchovatiya/flexi_bottom_nav","owner":"harshilchovatiya","description":"FlexiBottomNavigation is a customizable bottom navigation widget for Flutter. It allows you to easily create a bottom navigation bar with configurable icons, labels, and colors, giving you the flexibility to tailor the navigation experience to your app's needs.","archived":false,"fork":false,"pushed_at":"2024-07-23T12:49:03.000Z","size":14,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-29T18:46:51.157Z","etag":null,"topics":["bottomnavigation","customizable","design","flexibottomnav","flutter","flutterpackage","flutterplugins","navigation","navigationbar","open-source","opens","responsive","ui"],"latest_commit_sha":null,"homepage":"https://pub.dev/packages/flexi_bottom_nav","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/harshilchovatiya.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-23T11:43:39.000Z","updated_at":"2024-07-29T10:01:30.000Z","dependencies_parsed_at":"2025-01-29T18:43:38.926Z","dependency_job_id":"bb5afaae-305f-4e03-a55b-fc52857d4717","html_url":"https://github.com/harshilchovatiya/flexi_bottom_nav","commit_stats":null,"previous_names":["harshilchovatiya/flexi_bottom_nav"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/harshilchovatiya%2Fflexi_bottom_nav","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/harshilchovatiya%2Fflexi_bottom_nav/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/harshilchovatiya%2Fflexi_bottom_nav/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/harshilchovatiya%2Fflexi_bottom_nav/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/harshilchovatiya","download_url":"https://codeload.github.com/harshilchovatiya/flexi_bottom_nav/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245284123,"owners_count":20590304,"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":["bottomnavigation","customizable","design","flexibottomnav","flutter","flutterpackage","flutterplugins","navigation","navigationbar","open-source","opens","responsive","ui"],"created_at":"2024-12-02T01:23:03.255Z","updated_at":"2026-05-07T18:31:39.496Z","avatar_url":"https://github.com/harshilchovatiya.png","language":"Dart","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n# FlexiBottomNavigation\n\n`FlexiBottomNavigation` is a customizable bottom navigation widget for Flutter. It allows you to easily create a bottom navigation bar with configurable icons, labels, and colors, giving you the flexibility to tailor the navigation experience to your app's needs.\n\n## Features\n\n- **Customizable Labels**: Set the labels for each tab in the bottom navigation bar.\n- **Adjustable Icons**: Specify icons for each tab, with customizable icon sizes and colors.\n- **Color Customization**: Customize the selected and unselected item colors.\n- **Text and Icon Sizes**: Adjust the font size for labels and the size for icons.\n- **Error Handling**: Ensure consistent behavior with validation for input lengths.\n\n## Getting Started\n\nTo use `FlexiBottomNavigation` in your Flutter project, follow these steps:\n\n1. **Add the Dependency**:\n\n   Add `flexi_bottom_nav` to your `pubspec.yaml` file:\n   ```yaml\n     flexi_bottom_nav: 0.0.1\n   ```\n   ```yaml\n   dependencies:\n     flutter:\n       sdk: flutter\n     flexi_bottom_nav: 0.0.1\n   ```\n   ```\n   pub add flexi_bottom_nav\n   ```\n\n2. **Install the Package**:\n\n   Run `flutter pub get` to install the package.\n\n## Usage\n\nHere’s a simple example of how to use `FlexiBottomNavigation` in your Flutter application:\n\n```dart\nimport 'package:flutter/material.dart';\nimport 'package:flexi_bottom_nav/flexi_bottom_nav.dart'; \n\nvoid main() {\n  runApp(MaterialApp(\n    home: FlexiBottomNavigation(\n      screens: [\n        Scaffold(body: Center(child: Text('Screen 1'))),\n        Scaffold(body: Center(child: Text('Screen 2'))),\n        Scaffold(body: Center(child: Text('Screen 3'))),\n      ],\n      labels: ['Home', 'Search', 'Profile'],\n      icons: [Icons.home, Icons.search, Icons.person],\n      iconColors: [Colors.blue, Colors.green, Colors.red],\n      textSize: 14.0,\n      iconSize: 30.0,\n      selectedItemColor: Colors.red,\n      unselectedItemColor: Colors.blueGrey,\n    ),\n  ));\n}\n```\n\nFor more advanced usage and customization, check the example folder included in the package.\n\n## Additional Information\n\n- **Documentation**: For detailed documentation, refer to the [package documentation](https://pub.dev/packages/flexi_bottom_nav).\n- **Contributing**: Contributions are welcome! Please check the [CONTRIBUTING.md](CONTRIBUTING.md) for guidelines on how to contribute.\n- **Issues**: If you encounter any issues, please file them on the [issue tracker](https://github.com/harshilchovatiya/flexi_bottom_nav/issues).\n- **License**: This package is licensed under the MIT License. See the [LICENSE](LICENSE) file for more details.\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fharshilchovatiya%2Fflexi_bottom_nav","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fharshilchovatiya%2Fflexi_bottom_nav","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fharshilchovatiya%2Fflexi_bottom_nav/lists"}