react-native-selectit v0.0.2

react-native-select

react-native-select lets you similar to html <select> choose one option between a set of other options.

How to use react-native-select

Before you can use the component install it with npm:

npm i --save react-native-selectit

or install it from github.com:

npm i —save l-urence/react-native-select

Here is a small example of react-native-select:

var React = require('react-native');
var { Option, Select } = require('react-native-select');
var { AppRegistry, StyleSheet, View } = React;

var SelectExample = React.createClass({
  getInitialState() {
    return { layout: undefined };
  },

  render: function() {
    return (
      <View style={styles.container} onLayout={({nativeEvent: e}) =>
        this.setState({layout: e.layout})}
      >
        <Select parentLayout={this.state.layout} label="Character:">
          <Option value="han">Han Solo</Option>
          <Option value="leia">Princess Leia Organa</Option>
          <Option value="luke">Luke Skywalker</Option>
          <Option value="obiwan" default={true}>Obi-Wan Kenobi</Option>
        </Select>
      </View>
    );
  }
});

var styles = StyleSheet.create({
  container: {
    alignItems: 'center',
    backgroundColor: '#F5FCFF',
    flex: 1,
    justifyContent: 'center'
  }
});

AppRegistry.registerComponent('SelectExample', () => SelectExample);

react-native-select props

Select

Option