{"_id":"23mofang-react-native-picker","_rev":"4-3a84e262a39d3a6a80eb4e381a2deac2","name":"23mofang-react-native-picker","description":"cross platform picker for Ios and Android","dist-tags":{"latest":"1.0.2"},"versions":{"1.0.0":{"name":"23mofang-react-native-picker","version":"1.0.0","description":"cross platform picker for Ios and Android","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/MonkeyKingPlus/react-native-picker.git"},"keywords":["react-native","picker"],"author":{"name":"youkaisteve"},"license":"ISC","bugs":{"url":"https://github.com/MonkeyKingPlus/react-native-picker/issues"},"homepage":"https://github.com/MonkeyKingPlus/react-native-picker#readme","dependencies":{"react-native-wheel":"^1.1.3"},"directories":{"doc":"doc","test":"test"},"gitHead":"71e62ae6b9acd521ac7ba4093d0300294caa39f2","_id":"23mofang-react-native-picker@1.0.0","_shasum":"47e1b679608405f64f90d0d4d2cb0110ae1bf7f2","_from":".","_npmVersion":"3.10.8","_nodeVersion":"6.9.0","_npmUser":{"name":"23mf","email":"1008@23mofang.com"},"dist":{"shasum":"47e1b679608405f64f90d0d4d2cb0110ae1bf7f2","tarball":"https://registry.npmjs.org/23mofang-react-native-picker/-/23mofang-react-native-picker-1.0.0.tgz","integrity":"sha512-AWIZTiiynQAuHnPwVKBm7F8V6RiAQ0XBXHCAlV+JKPhphQwuw1lZsoQdM7hPyx2L/+rAd70+WeSfvFB2KNjWdQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFjLMWofn8fCVWmC6hgTWx2t6VuYqhh2dBdcSHMOFypQAiEAgmMFJIFyTWnsAWepJFq72VQT8ZRUAnZm0THpJMMyHDU="}]},"maintainers":[{"name":"23mf","email":"1008@23mofang.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/23mofang-react-native-picker-1.0.0.tgz_1508139899428_0.4801433957181871"}},"1.0.1":{"name":"23mofang-react-native-picker","version":"1.0.1","description":"cross platform picker for Ios and Android","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/MonkeyKingPlus/react-native-picker.git"},"keywords":["react-native","picker"],"author":{"name":"youkaisteve"},"license":"ISC","bugs":{"url":"https://github.com/MonkeyKingPlus/react-native-picker/issues"},"homepage":"https://github.com/MonkeyKingPlus/react-native-picker#readme","dependencies":{"react-native-wheel":"^1.1.3"},"gitHead":"57b9c9b35d03978f5655b3c786b14f20fecf42b0","_id":"23mofang-react-native-picker@1.0.1","_shasum":"9dcbfb4b7ba8467bdaa1da929f0a647067152b01","_from":".","_npmVersion":"3.10.8","_nodeVersion":"6.9.0","_npmUser":{"name":"23mf","email":"1008@23mofang.com"},"dist":{"shasum":"9dcbfb4b7ba8467bdaa1da929f0a647067152b01","tarball":"https://registry.npmjs.org/23mofang-react-native-picker/-/23mofang-react-native-picker-1.0.1.tgz","integrity":"sha512-7H6KbKakun1LueUOg46LjuFmEtCp8piQQq7txP4h+kAJ9GgibJRu0xfxHcyfBgD8WWpqi7z7bH59TcoLlZbHkg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDm78TnW0ihu9NPoj9R9SsZJf4rz85eN35aTIqB4sSVbAiAkE/Dxzj0yHtuGUV6tRc9xkAaJ8y08VXgtXpwLgQArtg=="}]},"maintainers":[{"name":"23mf","email":"1008@23mofang.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/23mofang-react-native-picker-1.0.1.tgz_1508141299954_0.7969829840585589"}},"1.0.2":{"name":"23mofang-react-native-picker","version":"1.0.2","description":"cross platform picker for Ios and Android","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/MonkeyKingPlus/react-native-picker.git"},"keywords":["react-native","picker"],"author":{"name":"youkaisteve"},"license":"ISC","bugs":{"url":"https://github.com/MonkeyKingPlus/react-native-picker/issues"},"homepage":"https://github.com/MonkeyKingPlus/react-native-picker#readme","dependencies":{"react-native-wheel":"^1.1.3"},"gitHead":"cc261551aa66711fab67197d51dc7b02d79242d4","_id":"23mofang-react-native-picker@1.0.2","_shasum":"73832eabc882f1df05ef8c9968d6bd9015230438","_from":".","_npmVersion":"3.10.8","_nodeVersion":"6.9.0","_npmUser":{"name":"23mf","email":"1008@23mofang.com"},"dist":{"shasum":"73832eabc882f1df05ef8c9968d6bd9015230438","tarball":"https://registry.npmjs.org/23mofang-react-native-picker/-/23mofang-react-native-picker-1.0.2.tgz","integrity":"sha512-Y5YNP1qGPoDx80t5GwCT287Zgl1jKctqlsciqtFkGlPv7bfAk88//vlnyzSrsHoB+4i3b1WzUXfu02SAbQWEBw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFAg2r6CyTkUqIGJrLlNdMqCj+s4HX7eyFktO2MEqET6AiAjkCZ6lqk+YgMJrXNyBSXwoO5Im2MXGm/0fz5Hg23c0Q=="}]},"maintainers":[{"name":"23mf","email":"1008@23mofang.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/23mofang-react-native-picker-1.0.2.tgz_1514282286805_0.9700818199198693"}}},"readme":"# react-native-picker\n<!-- badge -->\n[![travis status](https://img.shields.io/travis/MonkeyKingPlus/react-native-picker.svg)](https://travis-ci.org/MonkeyKingPlus/react-native-picker)\n[![npm version](https://img.shields.io/npm/v/mkp-react-native-picker.svg)](https://www.npmjs.com/package/mkp-react-native-picker)\n[![npm license](https://img.shields.io/npm/l/mkp-react-native-picker.svg)](https://www.npmjs.com/package/mkp-react-native-picker)\n[![npm download](https://img.shields.io/npm/dm/mkp-react-native-picker.svg)](https://www.npmjs.com/package/mkp-react-native-picker)\n[![npm download](https://img.shields.io/npm/dt/mkp-react-native-picker.svg)](https://www.npmjs.com/package/mkp-react-native-picker)\n<!-- endbadge -->\nCross platform picker for IOS and Android.\nIt is based on PickerIOS for IOS while [react-native-wheel](https://github.com/shexiaoheng/react-native-wheel) for android.\n\n![Image](doc/android.gif) ![Image](doc/ios.gif)\n\n# Guide\n## npm install\n    $ npm i mkp-react-native-picker --save\n## Update Gradle Settings\n    // file: android/settings.gradle\n    ...\n    include ':react-native-wheel'\n    project(':react-native-wheel').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-wheel/android')\n## Update app Gradle Build\n    // file: android/app/build.gradle\n    ...\n    \n    dependencies {\n      ...\n      compile project(':react-native-wheel')\n    }\n## Register React Package\n    // file: android/src/main/java/com.xx/MainApplication.java\n    ...\n    \n    private final ReactNativeHost mReactNativeHost = new ReactNativeHost(this) {\n        @Override\n            protected boolean getUseDeveloperSupport() {\n                return BuildConfig.DEBUG;\n            }\n    \n            @Override\n            protected List<ReactPackage> getPackages() {\n                return Arrays.<ReactPackage>asList(\n                    new MainReactPackage(),\n                    new WheelPackage()          // Added there\n                );\n            }\n        };\n## Usage\n```js\nimport React ,{Component}from 'react';\nimport {\n    StyleSheet,\n    Text,\n    View,\n    TouchableOpacity,\n    Platform\n} from 'react-native';\n\nimport BaseComponent from './baseComponent';\nimport SinglePicker from 'mkp-react-native-picker';\n\nimport {viewStyles} from '../themes/default';\n\nconst options = [{\n    key: 1,\n    value: \"Option1\"\n}, {\n    key: 2,\n    value: \"Option2\"\n}, {\n    key: 3,\n    value: \"Option3\"\n}]\n\nconst another_options = [{\n    key: 1,\n    value: \"OptionA\"\n}, {\n    key: 2,\n    value: \"OptionB\"\n}, {\n    key: 3,\n    value: \"OptionC\"\n}];\n\nconst optionsGroup = [options, another_options]\n\nexport default class Picker extends BaseComponent {\n    constructor(props) {\n        super(props);\n        this.state = {\n            selected: ''\n        }\n        this.optionsGroupIndex = 0\n    }\n\n    render() {\n        return <View style={viewStyles.main}>\n            <TouchableOpacity\n                style={{height:30,flexDirection:'row',justifyContent:'center',alignItems:'center',backgroundColor:'red'}}\n                onPress={()=>{\n                    this.singlePicker.show();\n                }}>\n                <Text style={{fontSize:18,color:'white',fontWeight:'bold'}}>Single Picker(Click Me!)</Text>\n            </TouchableOpacity>\n\n            <View style={{height:50,justifyContent:'center'}}><Text>You have\n                selected {this.state.selected}</Text></View>\n\n            <TouchableOpacity\n                style={{height:30,flexDirection:'row',justifyContent:'center',alignItems:'center',backgroundColor:'red'}}\n                onPress={()=>{\n                    this.optionsGroupIndex = Math.abs(this.optionsGroupIndex - 1)\n                    this.singlePicker.setOption(optionsGroup[this.optionsGroupIndex]);\n                }}>\n                <Text>Switch Options</Text>\n            </TouchableOpacity>\n\n            <SinglePicker\n                lang=\"en-US\"\n                ref={ref=>this.singlePicker=ref}\n                onConfirm={(option)=>{\n                    //this.setState({selected:option.value})\n                }}\n                onSelect={(option)=>{\n                    this.setState({selected:option.value})\n                }}\n                options={options}\n            >\n\n            </SinglePicker>\n        </View>\n    }\n}\n```\n    \n# Documentation\n\n## Properties\nKey | Type | Required | Default | Description\n--- | ---- | -------- | ------- | -----------\noptions | array | yes | | must be an array of key-value pairs,like {key:1,value:'option'}\nlang | string | no | 'zh-CN' | enums:'zh-CN','en-US','es-AR',indicate the language of the text in buttons\nstyle | object | no | {backgroundColor: \"white\"} | \ndefaultSelectedValue | any | no |  | key of each option,if undefined, the first option will be selected\nonConfirm | function | no | | option that be selected as the parameter\nonSelect | function | no | | option that be selected as the parameter\nonCancel | function | no | |     \n\n## Methods\nName | Description\n---- | -----------\nshow | show the Picker\nhide | hide the Picker\nsetOption(options,defaultSelectedValue) | change options of the Picker\n","maintainers":[{"name":"23mf","email":"1008@23mofang.com"}],"time":{"modified":"2022-06-12T14:06:42.079Z","created":"2017-10-16T07:44:59.501Z","1.0.0":"2017-10-16T07:44:59.501Z","1.0.1":"2017-10-16T08:08:20.328Z","1.0.2":"2017-12-26T09:58:06.974Z"},"homepage":"https://github.com/MonkeyKingPlus/react-native-picker#readme","keywords":["react-native","picker"],"repository":{"type":"git","url":"git+https://github.com/MonkeyKingPlus/react-native-picker.git"},"author":{"name":"youkaisteve"},"bugs":{"url":"https://github.com/MonkeyKingPlus/react-native-picker/issues"},"license":"ISC","readmeFilename":"README.md"}