native-base

app.js

import React, { Component } from 'react'
import { Root } from "native-base"
import PropTypes from 'prop-types'
import { connect } from 'react-redux'
import { addNavigationHelpers } from 'react-navigation'

import RootNavigator from '@navigators/root-navigator'

class App extends Component {
  static navigationOptions = {
    header: null,
    tabBarVisible: true
  }

  render() {
    const { dispatch, navigation, addListener } = this.props

    return (
      <Root>
        <RootNavigator
          navigation={addNavigationHelpers({
            dispatch,
            state: navigation,
            addListener
          })}
        />
      </Root>
    )
  }
}

App.propTypes = {
  dispatch: PropTypes.func,
  navigation: PropTypes.object,
  addListener: PropTypes.func
}

const mapStateToProps = ({ navigation }) => ({
  navigation
})

export default connect(mapStateToProps)(App)