initial app router and some views

src/js/native_react_views/LevelSelectView.js

@@ -0,0 +1,42 @@
+var NavButton = require('../native_react_views/NavButton');
+var React = require('react-native');
+var Routes = require('../constants/Routes');
+
+var {
+  ScrollView,
+  StyleSheet,
+  Text,
+  View,
+} = React;
+
+var LevelSelectView = React.createClass({
+
+  propTypes: {
+    navigator: React.PropTypes.object.isRequired,
+  },
+
+  render: function() {
+    return (
+      <ScrollView>
+        <View style={styles.headerSpacer} />
+        <View>
+          <NavButton
+            text="Go to top"
+            onPress={() => {
+              this.props.navigator.popToTop();
+            }}
+          />
+        </View>
+      </ScrollView>
+    );
+  }
+
+});
+
+var styles = StyleSheet.create({
+  headerSpacer: {
+    height: 40
+  },
+});
+
+module.exports = LevelSelectView;

src/js/native_react_views/NavButton.js

@@ -0,0 +1,32 @@
+var React = require('react-native');
+var {
+  PixelRatio,
+  StyleSheet,
+  Text,
+  TouchableHighlight,
+  View,
+} = React;
+
+class NavButton extends React.Component {
+  render() {
+    return (
+      <TouchableHighlight
+        style={styles.button}
+        underlayColor="#B5B5B5"
+        onPress={this.props.onPress}>
+        <Text style={styles.buttonText}>{this.props.text}</Text>
+      </TouchableHighlight>
+    );
+  }
+}
+
+var styles = StyleSheet.create({
+  button: {
+    backgroundColor: 'white',
+    padding: 15,
+    borderBottomWidth: 1 / PixelRatio.get(),
+    borderBottomColor: '#CDCDCD',
+  },
+});
+
+module.exports = NavButton;

src/js/native_react_views/SequenceSelectView.js

@@ -0,0 +1,44 @@
+var NavButton = require('../native_react_views/NavButton');
+var React = require('react-native');
+var Routes = require('../constants/Routes');
+var {
+  PixelRatio,
+  ScrollView,
+  StyleSheet,
+  Text,
+  View,
+} = React;
+
+var SequenceSelectView = React.createClass({
+
+  propTypes: {
+    navigator: React.PropTypes.object.isRequired,
+  },
+
+  render: function() {
+    return (
+      <ScrollView>
+        <View style={styles.headerSpacer} />
+        <View>
+          <NavButton
+            text="Level 1"
+            onPress={() => {
+              this.props.navigator.push(
+                Routes.getRouteForID(Routes.LEVEL_SELECT)
+              );
+            }}
+          />
+        </View>
+      </ScrollView>
+    );
+  }
+
+});
+
+var styles = StyleSheet.create({
+  headerSpacer: {
+    height: 40
+  },
+});
+
+module.exports = SequenceSelectView;