项目作者: pengweiqiang

项目描述 :
自定义条件筛选组件(仿美团筛选菜单)
高级语言: JavaScript
项目地址: git://github.com/pengweiqiang/ReactNative-DropDownMenu.git
创建时间: 2019-01-15T01:32:01Z
项目社区:https://github.com/pengweiqiang/ReactNative-DropDownMenu

开源协议:

下载


react-native-dropdownmenus

Getting started

$ npm install react-native-dropdownmenus --save

Mostly automatic installation

$ react-native link react-native-dropdownmenus

Usage

  1. import Dropdownmenu from 'react-native-dropdownmenus';
  2. let conditionData = [["one", "tow", "three"], ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"],
  3. ["Java", "PHP", "C#", "JS", "C++", "Python"]];
  4. <DropdownMenu
  5. style={{flex: 1}}
  6. bgColor={'white'}
  7. tintColor={'#666666'}
  8. activityTintColor={'green'}
  9. // arrowImg={}
  10. // checkImage={}
  11. // optionTextStyle={{color: '#333333'}}
  12. // titleStyle={{color: '#333333'}}
  13. maxHeight={300}
  14. handler={(selection, row) =>
  15. console.log(selection,row)
  16. }
  17. data={conditionData}
  18. selectIndex={[0,2,0]}>
  19. </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