var React = require('react-native');
// var api = require('../Utils/api');

var {
  View,
  Text,
  StyleSheet,
  TextInput,
  TouchableHighlight,
  ActivityIndicatorIOS,
  Navigator
} = React;

class StartClassView extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      userId: this.props.route.userId
    };
  }

  render() {
    return (
      <View style={{flex: 1, backgroundColor: '#ededed'}}> 
        <View style={styles.viewContainer}>
          <Text style={styles.pageTitle}> Start Class: </Text>
        </View>
      </View>
    )
  }
}

const styles = StyleSheet.create({
  viewContainer: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#F5FCFF',
  },
  pageTitle: {

  }
});

module.exports = StartClassView;
@@ -111,17 +111,17 @@
 ,%0A  
-TextInput
+Navigator
 ,%0A  
@@ -133,54 +133,15 @@
 able
-Highlight,%0A  ActivityIndicatorIOS,%0A  Navigator
+Opacity
 %0A%7D =
@@ -312,197 +312,1158 @@
 %0A%0A  
-render() %7B%0A    return (%0A      %3CView style=%7B%7Bflex: 1, backgroundColor: '#ededed'%7D%7D%3E %0A        %3CView style=%7Bstyles.viewContainer%7D%3E%0A          %3CText style=%7Bstyles.pageTitle%7D%3E Start Class: %3C/Text
+selectClass() %7B%0A    // this.props.navigator.push(%7B%0A    //   component: StartClassView,%0A    //   userId: 'teacher',%0A    //   sceneConfig: %7B%0A    //     ...Navigator.SceneConfigs.FloatFromBottom,%0A    //     gestures: %7B%7D%0A    //   %7D%0A    // %7D);%0A    // this.setState(%7B%0A    //   isLoading: false,%0A    //   error:false%0A    // %7D);%0A  %7D%0A%0A  render() %7B%0A    return (%0A      %3CView style=%7B%7Bflex: 1, backgroundColor: '#ededed'%7D%7D%3E %0A        %3CView style=%7Bstyles.viewContainer%7D%3E%0A          %3CView style=%7Bstyles.titleContainer%7D%3E%0A            %3CText style=%7Bstyles.pageText%7D%3E Start Class: %3C/Text%3E%0A          %3C/View%3E%0A          %3CView style=%7Bstyles.buttonsContainer%7D%3E%0A            %3CView style=%7Bstyles.buttonContainer%7D%3E%0A              %3CTouchableOpacity onPress=%7Bthis.selectClass%7D style=%7Bstyles.button%7D%3E%0A                %3CText style=%7Bstyles.buttonText%7D%3E CS 101 %3C/Text%3E%0A              %3C/TouchableOpacity%3E%0A            %3C/View%3E%0A            %3CView style=%7Bstyles.buttonContainer%7D%3E%0A              %3CTouchableOpacity onPress=%7Bthis.selectClass%7D style=%7Bstyles.button%7D%3E%0A                %3CText style=%7Bstyles.buttonText%7D%3E CS 201 %3C/Text%3E%0A              %3C/TouchableOpacity%3E%0A            %3C/View%3E%0A          %3C/View
 %3E%0A  
@@ -1670,20 +1670,114 @@
 %0A  pageT
-itle
+ext: %7B%0A%0A  %7D,%0A  buttonsContainer: %7B%0A%0A  %7D,%0A  buttonContainer: %7B%0A%0A  %7D,%0A  button: %7B%0A%0A  %7D,%0A  buttonText
 : %7B%0A%0A  %7D

Add buttons for classes to startClassView