react-native-select-dos v1.0.1

react-native-select-dos

Component like Select2 on web for React Native.

Forked from xuho/react-native-select-two

Add it to your project

1. Insall package
   • Using NPM npm install react-native-select-two
   • or:
   • Using Yarn yarn add react-native-select-two
2. Install React Native Modal dependence

• Using NPM npm install react-native-modal
• or -Using Yarn yarn add react-native-modal

3. Import package import Select2 from 'react-native-select-two';

Usage

import React, { Component } from "react"
import { View, Text, StyleSheet } from "react-native"
import Select2 from "react-native-select-two"

const mockData = [
  { id: 1, name: "React Native Developer", checked: true }, // set default checked for render option item
  { id: 2, name: "Android Developer" },
  { id: 3, name: "iOS Developer" }
]

// create a component
class CreateNewAppointment extends Component {
  render() {
    return (
      <View style={styles.container}>
        <Select2
          isSelectSingle
          style={{ borderRadius: 5 }}
          colorTheme="blue"
          popupTitle="Select item"
          title="Select item"
          data={mockData}
          onSelect={data => {
            this.setState({ data })
          }}
          onRemoveItem={data => {
            this.setState({ data })
          }}
        />
      </View>
    )
  }
}

Multiple select

Properties

MIT Licensed