Open matobiely opened 3 years ago
Same error to :/
same error too
same error too
As a temporary workaround, I found two solutions.
Set one of the following prop to RNPickerSelect,
style={{ inputAndroid: { color: 'black' } }}
useNativeAndroidPickerStyle={false}
As a temporary workaround, I found two solutions.
Set one of the following prop to RNPickerSelect,
style={{ inputAndroid: { color: 'black' } }}
useNativeAndroidPickerStyle={false}
verified, inputAndroid: {color:'black' } this trick is easy to use,thx bro
@iwashi1t Thanks. It helps. But as you mentioned, it is just temporary workaround, it will be great, if somebody from team take a look on it.
After many hours of twiddling with this thing finally found this thread. Low and behold this indeed does fix the problem!!
style={{ inputAndroid: { color: 'black' } }} useNativeAndroidPickerStyle={false}
My other solution was to set the placeholder as empty object, but this screws up the layout if you're needing that placeholder
placeholder={{}}
As a temporary workaround, I found two solutions.
Set one of the following prop to RNPickerSelect,
style={{ inputAndroid: { color: 'black' } }}
useNativeAndroidPickerStyle={false}
This didn't fix the issue.
style={{ inputAndroid: { color: 'black' } }} useNativeAndroidPickerStyle={false}
these two perfectly works for me
I'm having this issue with iOS actually. Tried setting styles for inputIOS
with no dice.
const pickerStyles = StyleSheet.create({
inputIOS: {
fontSize: 16,
paddingVertical: 12,
paddingHorizontal: 10,
borderWidth: 1,
borderColor: 'gray',
borderRadius: 4,
color: 'black',
paddingRight: 30 // to ensure the text is never behind the icon
},
inputAndroid: {
fontSize: 16,
paddingHorizontal: 10,
paddingVertical: 8,
borderWidth: 0.5,
borderColor: 'purple',
borderRadius: 8,
color: 'black',
paddingRight: 30 // to ensure the text is never behind the icon
}
})
<PickerSelect
disabled={isSaving}
Icon={Chevron}
style={pickerStyles}
placeholder={{}}
items={items}
value={value}
onValueChange={(value) => setValue(value)}
useNativeAndroidPickerStyle={false}
textInputProps={{ style: { borderRadius: 5 } }}
/>
u said useNativeAndroidPickerStyle={false}, find another for iso
const [selectedLanguage, setSelectedLanguage] = useState('');
<RNPickerSelect useNativeAndroidPickerStyle={false} value={selectedLanguage} onValueChange={(itemValue) => { setSelectedLanguage(itemValue) }} items={[ { label: 'Football', value: 'football' }, { label: 'Baseball', value: 'baseball' }, { label: 'Hockey', value: 'hockey' }, ]} >
hey, lets try..
One thing that I found was that if you have a default Android Theme, it usually has a default application-wide font color set to #ffffff
. You can change that by either adding a custom font color to existing theme, or changing parent theme to themes like MaterialDark or Holo for example.
android/app/src/main/res/values/styles.xml
<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
<!-- Customize your theme here. -->
<item name="android:textColor">#000000</item>
<item name="android:statusBarColor">@color/black</item>
</style>
android/app/src/main/AndroidManifest.xml
<application
android:name=".MainApplication"
android:label="@string/app_name"
android:icon="@mipmap/ic_launcher"
android:roundIcon="@mipmap/ic_launcher"
android:theme="@style/AppTheme">
References:
It seems that there are some native parts of this package that can be changed by tweaking details of the manifest.
style={{ inputAndroid: { color: 'black' } }} useNativeAndroidPickerStyle={false}
these two perfectly works for me
Which version of picker_select you are using ?
Regarding iOS and Android I encounter similar issue when padding (in inputIOS or )inputAndroid was set to large number, like 20 on ios 14 or lower. on ios 15 vertical padding of 20+ didn't cause same issue. So this can also be a styling issue coming from label being out of view.
This is iOS 14 with inputIOS.paddingVertical 10:
This is iOS 14 with inputIOS.paddingVertical 18:
Describe the bug
I am using picker-select in form for creating/editing notes. I am fetching
items
from our API.First issue is with create note:
Issue with edit:
It works fine only if i have
items
array locally ( not acceptable) and also default value is set to value fromitems
, which is problem for creating new, because default is null. Also it is not accepting default value fromprops
(as can be seen in code snipet)On iPhone works just fine, only Android issue.
To Reproduce
Steps to reproduce the behavior:
Expected behavior
I expected the same behavior as on iPhone.
Screenshots
Additional details
Reproduction and/or code sample