Riple radius doesn't change along with the tabBorderRadius
SilkeNL opened this issue · 1 comments
When I set the tabBorderRadius to 8 the ripple stays rounded as if its 15. This causes it to look odd and I can't seem to change it.
Screen.Recording.2021-02-24.at.10.11.23.mov
Code:
Container( child: GNav( mainAxisAlignment: MainAxisAlignment.spaceAround, backgroundColor: Color(0xFF279B40), tabBackgroundGradient: LinearGradient( begin: Alignment.topLeft, end: Alignment.bottomRight, colors: [Color(0xFF7FCC27), Color(0xFF279B40)]), rippleColor: Color(0xFF7FCC27), hoverColor: Color(0xFF7FCC27), tabBorderRadius: 8, tabBorder: Border.all(color: Colors.white, width: 1), duration: Duration(milliseconds: 300), gap: 8, color: Colors.white, activeColor: Colors.white, curve: Curves.easeIn, iconSize: 24, padding: EdgeInsets.symmetric(horizontal: 20, vertical: 5), tabs: [ GButton( icon: Icons.notifications, text: 'Notifications', ), GButton( icon: Icons.home, text: 'Dashboard', ), ], selectedIndex: this.activeIndex, onTabChange: (index) => onTap(index), ), );