shallow-navigation-options

App.js

import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
import { createStackNavigator, createBottomTabNavigator } from 'react-navigation';

const HomeScreen = () => (
  <View style={styles.container}>
    <Text>HomeScreen</Text>
  </View>
);

const SettingsScreen = () => (
  <View style={styles.container}>
    <Text>SettingsScreen</Text>
  </View>
);

const HomeStack = createStackNavigator({ Home: HomeScreen });
HomeStack.navigationOptions = {
  tabBarLabel: 'Home!',
};

const SettingsStack = createStackNavigator({ Settings: SettingsScreen });
SettingsStack.navigationOptions = {
  tabBarLabel: 'Settings!',
};

const AppNavigator = createBottomTabNavigator({ HomeStack, SettingsStack });

export default class App extends React.Component {
  render() {
    return <AppNavigator />;
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
  },
});