react-native-select-multiple
Advanced tools
Comparing version
{ | ||
"name": "react-native-select-multiple", | ||
"version": "2.0.1", | ||
"version": "2.1.0", | ||
"description": "A customiseable ListView that allows you to select multiple rows", | ||
@@ -5,0 +5,0 @@ "main": "src/SelectMultiple.js", |
# react-native-select-multiple | ||
[](https://travis-ci.org/tableflip/react-native-select-multiple) | ||
[](https://david-dm.org/tableflip/react-native-select-multiple) | ||
[](https://standardjs.com) | ||
@@ -120,2 +122,3 @@ > A customiseable FlatList that allows you to select multiple rows. | ||
| renderLabel | null | `func` | Function for render label. | | ||
| maxSelect | null | `int` | Maximum number of selected items| | ||
@@ -133,3 +136,1 @@ ## Contribute | ||
A [(╯°□°)╯︵TABLEFLIP](https://tableflip.io) side project. | ||
[](https://github.com/feross/standard) |
@@ -27,3 +27,3 @@ import React, { Component } from 'react' | ||
selectedItems: PropTypes.arrayOf(itemType), | ||
maxSelect: PropTypes.number, | ||
onSelectionsChange: PropTypes.func.isRequired, | ||
@@ -53,2 +53,3 @@ keyExtractor: PropTypes.func, | ||
labelStyle: {}, | ||
maxSelect: null, | ||
checkboxSource: checkbox, | ||
@@ -61,3 +62,2 @@ selectedCheckboxSource: checkboxChecked, | ||
super(props) | ||
this.state = { dataSource: [] } | ||
@@ -89,3 +89,3 @@ } | ||
const { label, value } = row | ||
let { selectedItems } = this.props | ||
let { selectedItems, maxSelect } = this.props | ||
@@ -99,3 +99,7 @@ selectedItems = (selectedItems || []).map(this.toLabelValueObject) | ||
} else { | ||
selectedItems = selectedItems.concat({ label, value }) | ||
if (maxSelect != null && selectedItems.length >= maxSelect) { | ||
return | ||
} else { | ||
selectedItems = selectedItems.concat({ label, value }) | ||
} | ||
} | ||
@@ -102,0 +106,0 @@ |
14739
3.04%10
11.11%218
2.83%135
0.75%