Question

您知道如何将React-Native Picker组件的初始值设置为空。我的意思是它不应该显示任何项目。

Answer 1

我通过设置值为-1的伪造的不可选择项解决了这个问题。然后，当用户选择有效项目时，将消失值= -1的伪造项目。

 // this.state.selectedIndex initially setted to -1
    <Picker
        selectedValue={this.state.selectedIndex}
        onValueChange={(value, index) => { this.setState({selectedIndex: index}) 
    }}
    >
        // first fake item
        if(Platform.OS === 'android' && this.state.selectedIndex === -1) {
            <PickerIOS label={'CANCEL'} value={-1} />
        }

        <Picker.Item label={'First'} value={1} />
        <Picker.Item label={'Second'} value={2} />
        <Picker.Item label={'Third'} value={3} />
    </Picker>

如何将React-Native Picker的初始值设置为空

1 个答案: