deep-navigation-options

App.js

import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
import { StackNavigator, TabNavigator } from 'react-navigation';

class HomeScreen extends React.Component {
  static navigationOptions = { tabBarLabel: 'Home!' };
  render() {
    return (
      <View style={styles.container}>
        <Text>HomeScreen</Text>
      </View>
    )
  }
}

class SettingsScreen extends React.Component {
  static navigationOptions = { tabBarLabel: 'Settings!' };
  render() {
    return (
      <View style={styles.container}>
        <Text>SettingsScreen</Text>
      </View>
    )
  }
}

const HomeStack = StackNavigator({ Home: HomeScreen });
const SettingsStack = StackNavigator({ Settings: SettingsScreen });
const AppNavigator = TabNavigator({ HomeStack, SettingsStack });

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

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