如何在react-native-modal selector中获取选定项

Question

react-native-modal-selector有getSelectedItem()(用于获取当前选中的项)，但当我使用此方法时，它不起作用，它没有给我任何选中的项。

代码：

<ModalSelector
                                selectStyle={{ borderWidth: 0 }}
                                selectTextStyle={{ color: '#ffffff' }}
                                data={this.filterData()}
                                visible={this.state.visible}
                                optionTextStyle={{ fontSize: 20 }}
                                labelExtractor={(item) => item.categoryName}
                                initValue="Choose Category"
                                supportedOrientations={[ 'landscape' ]}
                                accessible={true}
                                getSelectedItem={(item)=> console.log(item)}
                                keyExtractor={(item) => item.categoryId}
                                closeOnChange={false}
                                backdropPressToClose={true}

         />

Answer 1

使用下面的代码获取from array的当前选定值。

<ModalSelector
     data={data}
     initValue="Select something yummy!"
     supportedOrientations={['landscape']}
     accessible={true}
     scrollViewAccessibilityLabel={'Scrollable options'}
     cancelButtonAccessibilityLabel={'Cancel Button'}
     onChange={(option)=>{ this.setState({textInputValue:option.label})}}>

getSelectedItem()：获取当前选定项，仅由onChange()事件更新。这就是你没有得到当前选定值的原因。希望能对你有所帮助。