# Style Hook
Hook for internal tab style. Unlike the ConvexAppBar.builder
, you may want to update the tab style without define a new tab style.
Warning:
This hook is limited, and can lead to overflow broken
if the size you provide does no match with internal style.
StyleProvider(
style: Style(),
child: ConvexAppBar(
initialActiveIndex: 1,
height: 50,
top: -30,
curveSize: 100,
style: TabStyle.fixedCircle,
items: [
TabItem(icon: Icons.link),
TabItem(icon: Icons.import_contacts),
TabItem(title: "2020", icon: Icons.work),
],
backgroundColor: _tabBackgroundColor,
),
)
class Style extends StyleHook {
double get activeIconSize => 40;
double get activeIconMargin => 10;
double get iconSize => 20;
TextStyle textStyle(Color color) {
return TextStyle(fontSize: 20, color: color);
}
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31