change first screen to MainScreen

kdnakt · May 5, 2018 · 6d09431 · 6d09431
1 parent 3367f6c
commit 6d09431
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 2 deletions.
diff --git a/App.js b/App.js
@@ -26,7 +26,7 @@ const routes = {
 };
 
 const config = {
-  initialRouteName: 'Timer',
+  initialRouteName: 'Main',
 };
 
 const App = StackNavigator(routes, config);

diff --git a/src/MainScreen.js b/src/MainScreen.js
@@ -1,5 +1,6 @@
 import React, { Component } from 'react';
 import {
+  Button,
   Text,
   View,
 } from 'react-native';
@@ -20,7 +21,8 @@ class MainScreen extends Component<{}> {
     super();
     this.state = {
       bestRecord: null,
-    }
+    };
+    this.navigate = this.navigate.bind(this);
   }
 
   componentWillMount() {
@@ -34,6 +36,10 @@ class MainScreen extends Component<{}> {
     });
   }
 
+  navigate(key) {
+    this.props.navigation.navigate(key);
+  }
+
   render() {
     const bestRecord = this.state.bestRecord;
     return (
@@ -44,6 +50,18 @@ class MainScreen extends Component<{}> {
         <Text>
           {bestRecord ? `Best Record: ${bestRecord} seconds` : null}
         </Text>
+        <Button
+          title={"Timer"}
+          onPress={() => this.navigate("Timer")}
+        />
+        <Button
+          title={"Log"}
+          onPress={() => this.navigate("Log")}
+        />
+        <Button
+          title={"Config"}
+          onPress={() => this.navigate("Config")}
+        />
       </View>
     )
   }