Describe the bug
On Android, the control does not show a selected value if useNativeAndroidPickerStyle=true and no style is provided, the control is working otherwise (onValueChange is reporting successfully). Also note that using textInputProps is a work around.
To Reproduce
I've made a sample app here: https://github.com/jenniferburch/scratch-mobile/tree/picker-select
Expected behavior
As the items are selected in the picker their values should show up in the resulting control
Screenshots

Additional details
Reproduction and/or code sample
https://github.com/jenniferburch/scratch-mobile/tree/picker-select
+1
I have the same problem, I don't even have the useNativeAndroidPickerStyle prop, and was not using any custom style.
This does not work for me:
export const Dropdown = () => {
return (
<RNPickerSelect
onValueChange={(value) => console.log(value)}
items={[
{ label: 'Football', value: 'football' },
{ label: 'Baseball', value: 'baseball' },
{ label: 'Hockey', value: 'hockey' },
]}
/>
);
};
This might be related with the upgrade with 0.63.3 the previous version was working without problems
This actually works:
when I add useNativeAndroidPickerStyle={false} or even with true on the hot-reload only!
export const Dropdown = () => {
return (
<RNPickerSelect
onValueChange={(value) => console.log(value)}
useNativeAndroidPickerStyle={false}
items={[
{ label: 'Football', value: 'football' },
{ label: 'Baseball', value: 'baseball' },
{ label: 'Hockey', value: 'hockey' },
]}
/>
);
};
It actually worked when I added a style.
+1 Same here
It worked when I added style={ {inputAndroid: {color: 'black'} }} to the <RNPickerSelect>
style={ {inputAndroid: {color: 'black'} }} is wotk for me to
Most helpful comment
+1 Same here
It worked when I added
style={ {inputAndroid: {color: 'black'} }}to the<RNPickerSelect>