Package Exports
- rn-wheel-picker-china-region
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (rn-wheel-picker-china-region) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
rn-wheel-picker-china-region
IOS & 安卓都兼容的中国地区选择器.
a modal picker(wheel) of china province & city & region.
propTypes
isVisible: PropTypes.bool,
selectedProvince: PropTypes.string,
selectedCity: PropTypes.string,
selectedArea: PropTypes.string,
navBtnColor: PropTypes.string,
animationType: PropTypes.string,
transparent: PropTypes.bool,
onSubmit: PropTypes.func,
onCancel: PropTypes.func,
androidPickerHeight: PropTypes.number // 安卓手机下可以由该属性来设置picker区域的高度Install
npm install rn-wheel-picker-china-region --save
Usage
import ChinaRegionWheelPicker from 'rn-wheel-picker-china-region';
// ios用法一
<ChinaRegionWheelPicker
onSubmit={(params) => this.setState({ region1: `${params.province},${params.city},${params.area}` })}
onCancel={() => console.log('cancel')}
>
<TextInput
editable={false}
placeholder="点击去选择地区"
value={this.state.region1}
/>
</ChinaRegionWheelPicker>
// android用法一
<ChinaRegionWheelPicker
onSubmit={(params) => this.setState({ region1: `${params.province},${params.city},${params.area}` })}
onCancel={() => console.log('cancel')}
>
<Text
style={{ backgroundColor: '#FFF', width: 200, paddingVertical: 20, textAlign: 'center', color: 'black' }}
>{this.state.region1 || '点击去选择地区'}</Text>
</ChinaRegionWheelPicker>
// 用法二(参考Example目录index.ios.js/android.ios.js)
<ChinaRegionWheelPicker
isVisible={this.state.isPickerVisible}
navBtnColor={'red'}
selectedProvince={'广东'}
selectedCity={'深圳'}
selectedArea={'福田区'}
transparent
animationType={'fade'}
onSubmit={this._onPressSubmit.bind(this)} // 点击确认_onPressSubmit
onCancel={this._onPressCancel.bind(this)} // 点击取消_onPressCancel
androidPickerHeight={100} // 安卓手机下可以设置picker区域的高度
/>
<TouchableOpacity
onPress={this._onPress2Show.bind(this)}
>
<Text style={{ color: 'white' }}>{this.state.region2 || '点击去选择地区' }</Text>
</TouchableOpacity>
Show
