react-native - 如何将 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>