有一个占位符反应本机选择器

Question

有没有办法在用户点击之前显示反应原生选择器的占位符.我们的想法是拥有一个说"国籍"的选择器,一旦你点击并选择你所在的国家,它就会呈现国家.我想这样做,而没有"国籍"作为选择器中的可用选项.

Answer 1

将第一个孩子作为 <Picker.Item value='' label='Placeholder text...' />

Answer 2

我不清楚这是正确的方法。

<Picker selectedValue={locals.value}
onValueChange={value => {
    if (value != "0")
        this.pickerValueChange(value)

    // so it won't care if header is selected...
}}>
    <Picker.Item label="Select Type" value="0" />
    <Picker.Item label="Diesel" value="Diesel" />
    <Picker.Item label="Gas" value="Gas" />
    <Picker.Item label="Electricity" value="Electricity" /> 
</Picker>

pickerValueChange函数：

pickerValueChange = val => {
    // state change or whatever you want to perform on picker update
}