Auth screen sample with React Router Navigation

Auth.js

import React from 'react'
import { Image, View } from 'react-native'
import { Card, Navigation } from 'react-router-navigation'

import { Connection, Inscription, Main } from '@Auth/modules'
import { BackButton } from '@components'

import logo from '@assets/images/logo.png'
import styles from './styles'

const Auth = ({ history }) => (
  <View styles={styles.container}>
    <Image source={logo} style={styles.logo} />
    <Navigation navBarStyle={styles.navBar}>
      <Card
        exact path="/auth"
        component={Main}
      />
      <Card
        exact path="/auth/connection"
        component={Connection}
        backButtonTitle="Back"
        renderLeftButton={() => (
          <BackButton onPress={() => history.goBack()} />
        )}
      />
      <Card
        exact path="/auth/inscription"
        component={Inscription}
        backButtonTitle="Back"
        renderLeftButton={() => (
          <BackButton onPress={() => history.goBack()} />
        )}
      />
    </Navigation>
  </View>
)

export default Root