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

发布时间：2020-12-15 20:19:41 所属栏目：百科来源：网络整理

导读：您知道如何将React-Native Picker组件的初始值设置为空.我的意思是它不应该显示任何选择的项目. 解决方法我通过设置值为-1的假不可选项来解决这个问题.然后,当用户选择有效项目时,值为-1的假项目消失. // this.state.selectedIndex initially setted to -1

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

解决方法

我通过设置值为-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>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!