Fancy Tab
It is fancy and beautiful tab bar design.It is highly customisable and easy to use with PageView.builder.
🌟 Installing
dependencies:
fancy_tab: ^0.0.4
⚡️ Import
import 'package:fancy_tab/fancy_tab.dart';
Android | IOS | Web | Windows | MacOs | Linux | |
---|---|---|---|---|---|---|
Supported | ✅️️ | ✅️ | ✅️ | ✅️ | ✅️ | ✅️ |
📙 How To Use
Available Parameters
FancyTab({
Key? key,
required this.selected,
required this.labelsList,
required this.length,
this.onTap,
this.textDirection = TextDirection.ltr,
this.selectedColor = const Color(0xFF2196F3),
this.unSelectedColor = const Color(0xA69E9E9E),
this.selectedTextColor = const Color(0xFFFFFFFF),
this.unSelectedTextColor = const Color(0xFF7A7A7A),
this.borderColor = const Color(0xFF000000),
this.separator = 5,
this.tabBarHeight = 50,
});
Parameter | Datatype | Initial Value |
---|---|---|
selected | int | null |
labelsList | List | null |
length | int | null |
onTap | void Function?(int)? | null |
textDirection | TextDirection? | TextDirection.ltr |
selectedColor | Color? | Color(0xFF2196F3) |
unSelectedColor | Color? | Color(0xA69E9E9E) |
selectedTextColor | Color? | Color(0xFFFFFFFF) |
unSelectedTextColor | Color? | Color(0xFF7A7A7A) |
borderColor | Color? | Color(0xFF000000) |
separator | double? | 5.0 |
tabBarHeight | double? | 50.0 |
Contributions
If you encounter any problem or the library is missing a feature feel free to open an issue. Feel free to fork, improve the package and make pull request.