react-native-cascade-picker

React Native Cascader Picker

react-native cascader for ios iOS & Android,use such as region picker,unlimited depth level.

Installation

npm install --save cascaderpicker
# OR
yarn add cascaderpicker@1.0.0

Usage

import React, { Component } from 'react';
import { StyleSheet, View } from 'react-native';
import CascaderPicker from 'cascaderpicker';
import areaData from './area.json';
 
export default class App extends Component {
  render() {
    return (
      <View style={styles.container}>
        <CascaderPicker
          onSelect={(region) => {
 
          }}
          data={areaData}
          value={[
            {
              "value": "510000",
              "label": "四川省",
            },
            {
              "value": "510100",
              "label": "成都市",
            },
            {
              "value": "510182",
              "label": "彭州市",
            },
          ]}
        />
      </View>
    );
  }
}
 
const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#F5FCFF',
    marginTop: 40,
  },
});