import React from 'react-native';
const {
  AppRegistry,
  Component,
  Text,
  View
} = React;
import NavigationBar from 'react-native-navbar';

class Basic extends Component {
  render() {
    return (
      <View style={{ flex: 1, backgroundColor: '#ff9900' }}>
        <NavigationBar
          title={{ title: 'Title', }}
          leftButton={{ title: 'Back', }}
          rightButton={{ title: 'Forward', }} />
      </View>
    );
  }
}

AppRegistry.registerComponent('Basic', () => Basic);

import React from 'react-native';
const {
  AppRegistry,
  Component,
  Text,
  View
} = React;
import NavigationBar from 'react-native-navbar/ios';

class Basic extends Component {
  render() {
    return (
      <View style={{ flex: 1, backgroundColor: '#ff9900' }}>
        <NavigationBar
          title={{ title: 'Title', }}
          leftButton={{ title: 'Back', }}
          rightButton={{ title: 'Forward', }} />
      </View>
    );
  }
}

AppRegistry.registerComponent('Basic', () => Basic);

Use iOS version of nabar