How can I center vertically the items?

[ousvat]

How can I center the items vertically? I gave a significant height to the navigation bar but the items are sticked to bottom.

Here is how it looks:

[avenwu]

post with screenshots please

[ousvat]

post with screenshots please

I updated the question.

[avenwu]

Since each tab can have different visual height, the default alignment of tabs are set as center vertical or align bottom. In your case I guess your are using TabStyle.react.

You may switch to this brunch temporary.

https://github.com/hacktons/convex_bottom_bar/pull/new/feature-alignment

[RenatoMoratto]

How can I center the items vertically? I gave a significant height to the navigation bar but the items are sticked to bottom.

Here is how it looks:

I'm having the same issue, the navbar height is set to 80 and items are stuck at the bottom. That feature would be very helpful. Here is how it looks:

[RomanSoviak]

Any updates?

[RenatoMoratto]

Sorry, I forgot to give my feedback here, but this approach worked for me.

Since each tab can have different visual height, the default alignment of tabs are set as center vertical or align bottom. In your case I guess your are using TabStyle.react.

You may switch to this brunch temporary.

https://github.com/hacktons/convex_bottom_bar/pull/new/feature-alignment

This is how I added the dependency:

 convex_bottom_bar:
    git:
      url: [email protected]:hacktons/convex_bottom_bar.git
      ref: `feature-alignment`

The navbar final version: