Open
Description
Current behavior
When rendering only one tab the tab bar label aligning vertically in some android devices , this is happening when set 'width' : 'auto' and 'tabBarScrollEnabled' : true .
Device details : OPPO F17 Pro , Android version : 12
Expected behavior
Tab bar label should align horizontally.
Reproduction
https://snack.expo.dev/4zlAqjyuZ
Platform
- Android
- iOS
- Web
- Windows
- MacOS
Packages
- @react-navigation/bottom-tabs
- @react-navigation/drawer
- @react-navigation/material-bottom-tabs
- @react-navigation/material-top-tabs
- @react-navigation/stack
- @react-navigation/native-stack
- react-native-tab-view
- flipper-plugin-react-navigation
Environment
- [] I've removed the packages that I don't use
| package | version |
|---|---|
| @react-navigation/native | 6.1.0 |
| @react-navigation/material-top-tabs | 6.5.0 |
| react-native-screens | 3.18.2 |
| react-native-gesture-handler | 2.8.0 |
| react-native-reanimated | 2.13.0 |
| react-native-tab-view | 3.3.3 |
| react-native-pager-view | 6.1.0 |
| react-native | 0.70.6 |