sooxt98/google_nav_bar

How to center the icon without text?

PINHOf opened this issue · 5 comments

PINHOf commented

As you can see in the image, the text has been removed, but the icon is not centered.
image

I have set the gap to zero.

GNav(
	iconSize: 24,
	padding: EdgeInsets.symmetric(horizontal: 20, vertical: 12),
	duration: Duration(milliseconds: 400),
	gap: 0,
	tabs: [
	  GButton(
		icon: Icons.home,
		backgroundColor: Colors.white,
		iconColor: Colors.black,
		iconActiveColor: Colors.purple,
		borderRadius: BorderRadius.all(Radius.circular(30)),
	  ),
	],
	selectedIndex: selectedScreenIndex,
	onTabChange: (index) {
	  setState(() {
		selectedScreenIndex = index;
	  });
	},
),
sooxt98 commented
PINHOf commented

Oh, ok, thank you. I'm trying to achieve the goal below, can you point me in the right plugin direction? There are so many 😅

image

sooxt98 commented
sooxt98 commented
PINHOf commented

Btw have you tried downgrading the version? Should have fix it I think
…
On Fri, 11 Mar 2022 at 1:11 AM, Sheldon Soo @.> wrote: You could try this https://pub.dev/packages/flutter_snake_navigationbar Can’t help you much on this one On Fri, 11 Mar 2022 at 1:03 AM, PINHOf @.> wrote: > Oh, ok, thank you. I'm trying to achieve the goal below, can you point me > in the right plugin direction? There are so many 😅 > > [image: image] > https://user-images.githubusercontent.com/6898403/157716165-20016111-5679-4be2-b0db-c4f1b5423b4e.png > > — > Reply to this email directly, view it on GitHub > <#74 (comment)>, > or unsubscribe > https://github.com/notifications/unsubscribe-auth/ADGCEC2RYXNJOLHQ3NMPKMTU7ITPPANCNFSM5QNGTEAA > . > You are receiving this because you commented.Message ID: > @.***> >

Worked great, downgraded to version 3x. Thanks.