如何使用複選框在反應本機中使用listview選擇多個項目？

Question

我正在使用複選框的listview。我試圖選擇多個項目，但我發現結果中的東西，我每次點擊的結果被替換，我檢查

這裏的第一個項目的複選框是我的情況：

this.state = { 
    ... 
    checkedBoxCheck: false, 
    selectedItems:[], 
    }; 

    renderRow(rowData) { 
     return (
      ... 
      <CheckBox style={styles.checkboxed} 
       checked={rowData.id === this.state.checkedBoxCheck} 
       onPress={() => this.onItemSelect(rowData)} 
      /> 
     ); 

onItemSelect(row){ 
    this.setState({ 
     selectedItems: [{row}], 
     checkedBoxCheck: true, 
    }); 
    let myitem = this.state.selectedItems.concat({row}); 
    console.log(myitem); 
} 

Answer 1

你忘了在狀態寫之前的值selectedItems：

this.setState((prevState) => ({ 
    selectedItems: [...prevState.selectedItems, row], 
    checkedBoxCheck: true, 
})); 

和刪除值（與lodash）：

this.setState((prevState) => ({ 
    selectedItems: _.without(prevState.selectedItems, row), 
    checkedBoxCheck: !!_.without(prevState.selectedItems, row).length, 
})); 

Answer 2

嘗試使用Form Builder的選擇字段。 https://github.com/bietkul/react-native-form-builder