StyleHook issue

[ZahidUrRehman13]

when insert svg image in place of icon and active icon, it overflow the circle and when i decrease the active icon size as per direction then it unfortunaltly does not change the icon size

bottomNavigationBar: StyleProvider( style: Style(), child: ConvexAppBar( items: [ tabWidget("asset/png/default/calende.svg"), tabWidget("asset/png/default/plate.svg"), tabWidget("asset/png/default/dashboard.svg"), tabWidget("asset/png/default/main.svg"), tabWidget("asset/png/default/file.svg"), ], onTap: (i) => setState(() => currentIndex = i), backgroundColor: ConstantColor.colorBottomStatusBar, activeColor: ConstantColor.colorOrangeTiger, initialActiveIndex: 2, top: -15, style: TabStyle.custom, ), ))

TabItem<Widget> tabWidget(String images) { return TabItem( icon: SvgPicture.asset( images, color: ConstantColor.colorBlack, ), activeIcon: SvgPicture.asset( images, color: ConstantColor.colorWhite, ) ); }

class Style extends StyleHook { @override double get activeIconSize => 30;

@override double get activeIconMargin => 8;

@override double get iconSize => 30;

@override TextStyle textStyle(Color color, String? fontFamily) { return TextStyle(fontSize: 0, color: color); }