airbnb/native-navigation

// index.ios.tsx
import Home from './home'
import Login from './login'
import Navigator from 'native-navigation'

Navigator.registerScreen('demo', () => Login)
Navigator.registerScreen('Home', () => Home)

// login.tsx
import * as React from 'react'
import Navigator from 'native-navigation'
import {
  Alert,
  AppRegistry,
  Button,
  Text,
  View
  } from 'react-native'
import { styles } from './styles'

export interface Props {}
export interface State {}

export default class LoginScreen extends React.Component<Props, State> {
  render() {
    const onPressFunction = () => {
      console.log('clicked')
      Navigator.present('Home')
    }

    return (
      <View style={styles.container}>
        <View>
          <Text style={styles.welcome}>
            Welcome to React Native! (in TypeScript)
          </Text>
          <Text style={styles.instructions}>Please Login Below</Text>
          <View style={styles.buttonContainer}>
            <Button
              onPress={onPressFunction}
              color="black"
              title="Login"
              accessibilityLabel="Login"
            />
          </View>
        </View>
      </View>
    )
  }
}