Native View for Name cross-platform component.

NameViewNative.jsx

import React from 'react-native';

var {
  View,
  Text,
  TextInput,
  StyleSheet
} = React;

var NameViewNative = React.createClass({
  render: function() {
    var { value, errors, sync, onValueChange } = this.props;
    var errorNodes = errors.map((e, i) => 
      <Text key={i} style={styles.error}>{e}</Text>);
    var syncNode = value && 
      <Text style={styles.sync}>{sync}</Text>;
    
    return (
      <View style={styles.container}>
        <Text style={styles.label}>Name</Text>
        <TextInput value={value} 
          style={styles.input}
          onChangeText={onValueChange} />
      </View>
    );
  }
});

var styles = StyleSheet.create({ /* Styles go here */  });

export default NameViewNative;