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

Question

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

Answer 1

我通过设置假的不可选择项目解决了这个问题value={-1}。然后，当用户选择有效项目时，假项目就会value={-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) {
            <Picker.Item label={'CANCEL'} value={-1} />
        }

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