{"id":14969870,"url":"https://github.com/frezyx/bottom_bar_with_sheet","last_synced_at":"2025-04-05T02:11:50.611Z","repository":{"id":40554710,"uuid":"273697702","full_name":"Frezyx/bottom_bar_with_sheet","owner":"Frezyx","description":":rocket: Flutter custom BottomBar Navigation Widget","archived":false,"fork":false,"pushed_at":"2022-05-02T21:50:56.000Z","size":39905,"stargazers_count":440,"open_issues_count":4,"forks_count":47,"subscribers_count":6,"default_branch":"master","last_synced_at":"2025-04-05T02:11:45.463Z","etag":null,"topics":["android","android-ui","animation","bottomnavigation","bottomnavigationbar","bottomsheet","dart","flutter","flutter-android","flutter-animation","flutter-examples","flutter-material","flutter-material-app","flutter-package","flutter-widget","flutter-widgets","ui","ui-design","widget","widget-library"],"latest_commit_sha":null,"homepage":"https://pub.dev/packages/bottom_bar_with_sheet","language":"Dart","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Frezyx.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-06-20T11:48:21.000Z","updated_at":"2025-03-24T10:25:00.000Z","dependencies_parsed_at":"2022-07-13T16:44:34.868Z","dependency_job_id":null,"html_url":"https://github.com/Frezyx/bottom_bar_with_sheet","commit_stats":null,"previous_names":[],"tags_count":22,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Frezyx%2Fbottom_bar_with_sheet","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Frezyx%2Fbottom_bar_with_sheet/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Frezyx%2Fbottom_bar_with_sheet/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Frezyx%2Fbottom_bar_with_sheet/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Frezyx","download_url":"https://codeload.github.com/Frezyx/bottom_bar_with_sheet/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247276189,"owners_count":20912288,"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":["android","android-ui","animation","bottomnavigation","bottomnavigationbar","bottomsheet","dart","flutter","flutter-android","flutter-animation","flutter-examples","flutter-material","flutter-material-app","flutter-package","flutter-widget","flutter-widgets","ui","ui-design","widget","widget-library"],"created_at":"2024-09-24T13:42:33.235Z","updated_at":"2025-04-05T02:11:50.596Z","avatar_url":"https://github.com/Frezyx.png","language":"Dart","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1\u003e Bottom bar with Sheet \u003c/h1\u003e\n\n\u003cp align =\"Left\"\u003e \n\n [![Build Status](https://img.shields.io/endpoint.svg?url=https%3A%2F%2Factions-badge.atrox.dev%2FFrezyx%2Fbottom_bar_with_sheet%2Fbadge%3Fref%3Dmaster\u0026style=flat)](https://actions-badge.atrox.dev/Frezyx/bottom_bar_with_sheet/goto?ref=master) [![License](https://img.shields.io/github/license/Frezyx/bottom_bar_with_sheet)](https://opensource.org/licenses/MIT) [![Pub](https://img.shields.io/pub/v/bottom_bar_with_sheet.svg)](https://pub.dartlang.org/packages/bottom_bar_with_sheet)\n![Stars](https://img.shields.io/github/stars/Frezyx/bottom_bar_with_sheet?style=social) \n\u003c/p\u003e\n\u003cp\u003e\n  \u003ca href=\"https://pub.dev/packages/bottom_bar_with_sheet/score\"\u003e\u003cimg src=\"https://badges.bar/bottom_bar_with_sheet/likes\" alt=\"Pub likes\"\u003e\u003c/a\u003e\n  \u003ca href=\"https://pub.dev/packages/bottom_bar_with_sheet/score\"\u003e\u003cimg src=\"https://badges.bar/bottom_bar_with_sheet/popularity\" alt=\"Pub popularity\"\u003e\u003c/a\u003e\n  \u003ca href=\"https://pub.dev/packages/bottom_bar_with_sheet/score\"\u003e\u003cimg src=\"https://badges.bar/bottom_bar_with_sheet/pub%20points\" alt=\"Pub points\"\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n\n\n💥Non-standard way to use more space of screens in your application💥\u003cbr\u003e\n😳Custom bottom Sheet under Bottom Navigation Bar😳\u003cbr\u003e\n😩Sounds sucks? 😉 First of all look at screens!\n\n| ![Image](https://github.com/Frezyx/bottom_bar_with_sheet/blob/master/example/rep_files/e1.gif?raw=true) | ![Image](https://github.com/Frezyx/bottom_bar_with_sheet/blob/master/example/rep_files/e2.gif?raw=true) | ![Image](https://github.com/Frezyx/bottom_bar_with_sheet/blob/master/example/rep_files/e3.gif?raw=true) | ![Image](https://github.com/Frezyx/bottom_bar_with_sheet/blob/master/example/rep_files/e4.gif?raw=true) | \n| :------------: | :------------: | :------------: | :------------: |\n\n\n## Table of Content\n\n- [Getting Started](#getting-started)\n- [Attributes](#attributes)\n- [Attributes of BottomBarTheme](#attributes-of-bottombartheme)\n- [Attributes of MainActionButtonTheme](#attributes-of-mainactionbuttontheme)\n\n---\n\n## Getting Started\n\n### Add dependency\n\n```yaml\ndependencies:\n  bottom_bar_with_sheet: ^2.4.0\n```\n\n### Add import package\n\n```dart\nimport 'package:bottom_bar_with_sheet/bottom_bar_with_sheet.dart';\n```\n\n### Easy to use\n\nCreate a **Scaffold** widget and set **bottomNavigationBar** with **BottomBarWithSheet** like in the code below\n\n```dart\nScaffold(\n  bottomNavigationBar: BottomBarWithSheet(\n    controller: _bottomBarController,\n    bottomBarTheme: const BottomBarTheme(\n      decoration: BoxDecoration(color: Colors.white),\n      itemIconColor: Colors.grey,\n    ),\n    items: const [\n      BottomBarWithSheetItem(icon: Icons.people),\n      BottomBarWithSheetItem(icon: Icons.favorite),\n    ],\n  ),\n);\n```\n\n**More examples you can see** [here](https://github.com/Frezyx/bottom_bar_with_sheet/tree/master/example/lib)\n\n---\n\n## Attributes\n\n| Attribute  | Type | Annotation |\n| ------------- | ------------- | ------------- |\n| autoClose | bool | If true the [BottomBarWithSheetItem]'s DO NOT automatically close the child sheet when pressed |\n| disableMainActionButton | bool | disable MainActionButton if true , enable if false |\n| sheetChild | Widget | that displayed on bottom of **BottomBarWithSheet** when **isOpened** == true |\n| items | List BottomBarWithSheetItem | navigation buttons of **BottomBarWithSheet** |\n| bottomBarTheme | BottomBarTheme | theme of **BottomBarWithSheet** |\n| mainActionButtonTheme | MainActionButtonTheme | theme of **Main Action Button** |\n| onSelectItem | Function | Callback **Function** works by clicking on one of **items** Return int **index** of selected button |\n| duration | Duration | animation time of closing / opening **BottomBarWithSheet** |\n| curve | Curve | the style of animation from the suggested ones of **Curve** |\n| bottomBarMainAxisAlignment | MainAxisAlignment | The direction in which the widget content will line up |\n| mainActionButtonBuilder | MainActionButton | Custom version of Main Action Button |\n---\n## Attributes of BottomBarTheme\n\n| Attribute  | Type | Annotation |\n| ------------- | ------------- | ------------- |\n| height | double | **BottomBarWithSheet** icons line height |\n| heightOpened | double | **BottomBarWithSheet** height when **isOpened** == true |\n| heightClosed | double | **BottomBarWithSheet** height when **isOpened** == false |\n| decoration | BoxDecoration | decoration of **BottomBarWithSheet** |\n| contentPadding | EdgeInsets | create padding between content of widget and sides |\n| backgroundColor | Color | **BottomBarWithSheet** background color |\n| selectedItemIconColor | Color | selected item icon color |\n| itemIconColor | Color | unselected item icon color |\n| selectedItemTextStyle | Color | selected item text style |\n| itemTextStyle | Color | unselected item text style |\n| selectedItemIconSize | double | size of item icon when item is pressed |\n| mainButtonPosition | enum | filed that response for the position of MainActionButton position this field have 3 possible values: MainButtonPosition.left, MainButtonPosition.right , MainButtonPosition.Center | \n| isVerticalItemLabel | bool | makes the labels of the items appear vertically or horizontally |\n\n---\n\n## Attributes of MainActionButtonTheme\n\n| Attribute  | Type | Annotation |\n| ------------- | ------------- | ------------- |\n| size | double | size of button |\n| icon | Widget | icon that displayed in center of MainActionButton |\n| color | Color | background color of widget circle |\n| splash | Color | splash color of widget circle |\n| margin | EdgeInsets | side paddings of **Main Action Button** |\n| transform | Matrix4 | This field can set transform location of **Main Action Button** |\n\n---\n*For help getting started with Flutter, view our \n[online documentation](https://flutter.dev/docs), which offers tutorials, \nsamples, guidance on mobile development, and a full API reference.*\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffrezyx%2Fbottom_bar_with_sheet","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffrezyx%2Fbottom_bar_with_sheet","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffrezyx%2Fbottom_bar_with_sheet/lists"}