Есть ли способ иметь местозаполнитель для соответствующего нативного сборщика, который отображается до того, как пользователь нажмет на него. Идея состояла бы в том, чтобы иметь сборщик, который говорит "Национальность", и как только вы нажмете и выберите свою страну, она отобразит страну. Я хочу сделать это, не имея в качестве доступной опции "Национальность" в сборщике.
Имейте местозаполнитель для реагирования на сборщик
Ответ 1
Поместите первых детей как <Picker.Item value='' label='Placeholder text...' />
Ответ 2
Вместо этого вы можете использовать родной базовый сборщик.
1. Запустите:
npm i native-base --save
2. Импортируйте это как:
import {Picker} from 'native-base';
3. Используйте его как:
<Picker
placeholder="Start Year" // yipeee, placeholder
iosIcon={<Ionicons name="ios-arrow-down" />} // right icon
selectedValue={this.state.selected_id} // your selected item value
style={{
// your styles
}}
// onValueChange={this.onValueChange.bind(this)} // use it the way it suites you
onValueChange={(v)=>this.setState({selected_id:v})} // use it the way it suites you
>
<Picker.Item label="Val 1" value="1" />
<Picker.Item label="Val 2" value="2" />
<Picker.Item label="Val 3" value="3" />
</Picker>
Ответ 3
Я не уверен, что это правильный путь.
<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
}