navigation

src/navigation/index.tsx

@@ -0,0 +1,30 @@
+import { createStackNavigator } from '@react-navigation/stack';
+import { NavigationContainer } from '@react-navigation/native';
+import React from 'react';
+import { StatusBar } from 'react-native';
+import { connect } from 'react-redux';
+
+import Main from '../screens/main';
+import Leaderboard from '../screens/leaderboard';
+
+const Root = createStackNavigator();
+
+class AppNav extends React.Component {
+    render() {
+        return (
+            <NavigationContainer>
+                <StatusBar backgroundColor={'#0E0E0E'} />
+                <Root.Navigator>
+                    <Root.Screen component={Main} name='Main' />
+                    <Root.Screen component={Leaderboard} name='Leaderboard' />
+                </Root.Navigator>
+            </NavigationContainer>
+        );
+    }
+}
+
+const mapStateToProps = state => ({
+
+});
+
+export default connect(mapStateToProps)(AppNav);

src/screens/leaderboard.tsx

@@ -0,0 +1,19 @@
+import React from 'react';
+import { View } from 'react-native';
+import {connect} from 'react-redux';
+
+class Screen extends React.Component {
+    render() {
+        return (
+            <View>
+
+            </View>
+        );
+    }
+}
+
+const mapStateToProps = state => ({
+
+});
+
+export default connect(mapStateToProps)(Screen);

src/screens/main.tsx

@@ -0,0 +1,19 @@
+import React from 'react';
+import { View } from 'react-native';
+import {connect} from 'react-redux';
+
+class Screen extends React.Component {
+    render() {
+        return (
+            <View>
+
+            </View>
+        );
+    }
+}
+
+const mapStateToProps = state => ({
+
+});
+
+export default connect(mapStateToProps)(Screen);