Question: I have a tab navigation using react native and `react-navigation` My 5 tabs are too squished on android but look fine for iOS. How do I style the tabs to fit on android? Can I make the tabs horizontally scrollable? I think I remember seeing that somewhere - is that standard android behavior?

Answer: 
Had exactly the same problem, I fixed this by adding an additional prop to the tabBarOptions and using the RN screen width attributes.

First you need to grab the screen width. 

```
import {Dimensions} from 'react-native'
const SCREEN_WIDTH = Dimensions.get('window').width

```

Then within tabBarOptions add a tabStyle prop, for the SCREEN\_WIDTH and divide this by the number of tabs you have. A bit hardcoded, but works well for me!

```
tabBarOptions{
  tabStyle: {
    width:SCREEN_WIDTH/2 //-> e.g number of tabs
  }
}

```
Comment [here](https://github.com/react-community/react-navigation/blob/master/src/navigators/TabNavigator.js#L82-L99) points out that we can swith between two platform styles.Just use this:

```
TabNavigator({
  Home: {
    screen: MyHomeScreen,
  },
  Notifications: {
    screen: MyNotificationsScreen,
  },
}, {
    ...TabNavigator.Presets.iOSBottomTabs
})

```