InlineStyleTabNavigator.js

import React from "react";
import { View, Text } from "react-native";
import { TabNavigator } from "react-navigation";

const Tab = () => {
  return (
    <View style={{ flex: 1, alignItems: "center", justifyContent: "center" }}>
      <Text>Im tab</Text>
    </View>
  );
};

const InlineStyleTabNavigator = TabNavigator(
  {
    Tab1: { screen: Tab },
    Tab2: { screen: Tab },
    Tab3: { screen: Tab },
    Tab4: { screen: Tab }
  },
  {
    tabBarOptions: {
      style: {
        backgroundColor: "white",
        overflow: "hidden"
      },
      activeTintColor: "blue",
      inactiveTintColor: "#9d9d9d",
      tabStyle: { width: 60 }, //Set width to make INLINE TABS
      indicatorStyle: { backgroundColor: "blue" }
    }
  }
);

export default InlineStyleTabNavigator;

Cool! Thanks!!

nice