TextBoxes

TextBoxes.js

class TextBoxes extends React.Component {
  render() {
    return (
      <View>
        <VrButton>
          <View style={{ margin: 0.1, height: 0.3, backgroundColor: '#CF3C7E'}}>
            <Text style={{fontSize: 0.2, textAlign: 'center'}}>{this.props.states.Arizona}</Text>
          </View>
        </VrButton>
        <VrButton>
          <View style={{ margin: 0.1, height: 0.3, backgroundColor: '#CF3C7E'}}>
            <Text style={{fontSize: 0.2, textAlign: 'center'}}>{this.props.states.NewHampshire}</Text>
          </View>
        </VrButton>
        <VrButton>
          <View style={{ margin: 0.1, height: 0.3, backgroundColor: '#CF3C7E'}}>
            <Text style={{fontSize: 0.2, textAlign: 'center'}}>{this.props.states.California}</Text>
          </View>
        </VrButton>
        <VrButton>
          <View style={{ margin: 0.1, height: 0.3, backgroundColor: '#CF3C7E'}}>
            <Text style={{fontSize: 0.2, textAlign: 'center'}}>{this.props.states.Hawaii}</Text>
          </View>
        </VrButton>
        <VrButton>
          <View style={{ margin: 0.1, height: 0.3, backgroundColor: '#CF3C7E'}}>
            <Text style={{fontSize: 0.2, textAlign: 'center'}}>{this.props.states.Texas}</Text>
          </View>
        </VrButton>
      </View>
    )
  }
}