Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/teatalkinternal/rounded_tabbar_widget
A simple flutter package for creating a TabBarView layout with custom Tabbar.
https://github.com/teatalkinternal/rounded_tabbar_widget
flutter hackoctoberfest hacktoberfest-accepted hacktoberfest2022 open-source pub-dev pub-package widget
Last synced: about 1 month ago
JSON representation
A simple flutter package for creating a TabBarView layout with custom Tabbar.
- Host: GitHub
- URL: https://github.com/teatalkinternal/rounded_tabbar_widget
- Owner: TeaTalkInternal
- License: mit
- Created: 2021-03-30T09:36:38.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2021-03-31T03:47:08.000Z (over 3 years ago)
- Last Synced: 2024-09-29T12:05:07.826Z (about 2 months ago)
- Topics: flutter, hackoctoberfest, hacktoberfest-accepted, hacktoberfest2022, open-source, pub-dev, pub-package, widget
- Language: Dart
- Homepage: https://pub.dev/packages/rounded_tabbar_widget
- Size: 78.1 KB
- Stars: 9
- Watchers: 2
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# rounded_tabbar_widget
Language: [English](README.md)
A simple flutter package for creating a TabBarView layout with custom Tabbar.
Technical Notes:
The layout for pages is built using TabbarView and layout of Tab buttons is customised. This package supports pages to be scrolled too.
- [rounded_tabbar_widget](#rounded_tabbar_widget)
- [How to use it.](#how-to-use-it)
- [parameters](#parameters)
## How to use it.
the usage is very simple, just use the following
```dart
RoundedTabbarWidget(
tabIcons: [
Icons.home,
Icons.favorite,
Icons.chat,
Icons.person,
],
pages: [
HomePageWidget(),
FavoritePageWidget(),
MessagesPageWidget(),
ProfilePageWidget(),
],
selectedIndex: 0,
onTabItemIndexChanged: (int index) {
print('Index: $index');
},
),
```
## parameters
| parameter | description | default |
| -------------------------- | ------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| onTabItemIndexChanged | Completion Handler which returns index of current tab page | (int index) {} |
| tabIcons | List of Tab Icons | Pass List of IconData parameter |
| pages | List of Tab Pages | Pass List of Tab widgets parameter |
| selectedIndex | Index of tab page to be shown selected initially | This is a optional parameter |
| itemNormalColor | Color of Tabbar item for normal state | This is a optional parameter |
| itemSelectedColor | Color of Tabbar item for selected state | This is a optional parameter |
| tabBarBackgroundColor | Background color of Tabbar | This is a optional parameter |
Please note the number of pages and tabIcons should be equal.
[more detail](https://github.com/TeaTalkInternal/rounded_tabbar_widget/tree/main/lib)