react-native-dropdownmenus

<img height="600" width="300" src="https://raw.githubusercontent.com/pengweiqiang/ReactNative-DropDownMenu/master/screenShot/demo.png" align=center />

Usage no npm install needed!

<script type="module">
  import reactNativeDropdownmenus from 'https://cdn.skypack.dev/react-native-dropdownmenus';
</script>

README

react-native-dropdownmenus

Getting started

$ npm install react-native-dropdownmenus --save

Mostly automatic installation

$ react-native link react-native-dropdownmenus

Usage

import Dropdownmenu from 'react-native-dropdownmenus';

let conditionData = [["one", "tow", "three"], ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"],
                        ["Java", "PHP", "C#", "JS", "C++", "Python"]];
<DropdownMenu
                style={{flex: 1}}
                bgColor={'white'}
                tintColor={'#666666'}
                activityTintColor={'green'}
                // arrowImg={}
                // checkImage={}
                // optionTextStyle={{color: '#333333'}}
                // titleStyle={{color: '#333333'}}
                maxHeight={300}
                handler={(selection, row) =>
                    // this.setState({text: data[selection][row]})
                    this._conditionChange(selection,row)
                }
                data={conditionData}
                selectIndex={[0,2,0]}>
                
</DropdownMenu>

Param

Parameter Type Default Description
bgColor string backgroud color
tintColor string normal text color
activityTintColor string active text color
maxHeight number max Height
hanlder func selected item onclickListener
data Array show Data
selectIndex string default selected index