UI not proper on Tablet

[arish-panjwani]

Device Info:
Model Name: Lenovo Tab4 10
Android Version: 8.1.0

I have tried running my application on Tablet and the unselected icons are going outside the tab. Also the selected tab icon is not centred properly. Even the circle slightly appears to be oval and not round.

Can you please provide tablet support?

[Jm-Zion]

Hello 👋

Thank you for the report, i'll check that very soon 👍

[Jm-Zion]

Could you provide sample code to reproduce the issue ?

[arish-panjwani]

You can use your own sample code and run on any android Tablet.

[alz10]

For the unselected icons that are going outside the tab, add higher height in bottomBarContainerStyle

[arish-panjwani]

Tried increasing the height in bottomBarContainerStyle but the curve for selected tab goes up and it doesn't look good.

[Standin-Alone]

how do you show the tab bar label? i cant show my tab bar label.

[Jm-Zion]

@Standin-Alone You can show the label using the default option from react-navigation :

tabBarLabel: 'Meh'

[Standin-Alone]

not working for me

[arish-panjwani]

Pass your label in the name prop like the following..

<Tab.Screen
options={{ tabBarIcon: tabBarIcon('wallet') }}
name="Wallet"
component={generateScreen('Wallet')}
/>

You can also refer the usage section on the library's home page

[arish-panjwani]

@Jm-Zion Any update on this?

[tradebulls]

@Jm-Zion Even I am facing this issue in Tablet. Can you please help me to solve this issue?

[tradebulls]

@Jm-Zion Did you reproduce it at your end?