index.ios.js

'use strict';

var React = require('react-native');
var {
  AppRegistry,
  StyleSheet,
  Text,
  TextInput,
  PickerIOS,
  View,
  Image,
  TouchableHighlight,
  NavigatorIOS
} = React;



var Button = require('react-native-button');

var Form = require('./Form');

var ReceptionApp = React.createClass({
  getInitialState() {
    return {
      navigationBarHidden: false
    }
  },

  render() {
    return (
      <NavigatorIOS ref="nav"
        itemWrapperStyle={styles.navWrap}
        style={styles.nav}
        navigationBarHidden={this.state.navigationBarHidden}
        initialRoute={{
          title: Form.title,
          component: Form,
          passProps: {
            baseUrl: "https://recepti0n.herokuapp.com"
          }
        }} />
    );
  }
});

// camelCase instead of dashes.
// eg. instead of margin-left, it's marginLeft.
var styles = StyleSheet.create({
  navWrap: {
    flex: 1,
    marginTop: 70
  },
  nav: {
    flex: 1
  }
});

// entry point to the app
AppRegistry.registerComponent('ReceptionApp', () => ReceptionApp);