lawnstarter / react-native-picker-select

đź”˝ A Picker component for React Native which emulates the native <select> interfaces for iOS and Android
https://npmjs.com/package/react-native-picker-select
MIT License
1.74k stars 497 forks source link

styles input android #472

Open davidg327 opened 2 years ago

davidg327 commented 2 years ago

Hello, I am having a problem with the styles, but it only happens with android devices, as you can see I am assigning font styles and it does not take them, otherwise the iphone that is applying them, I have the useNativeAndroidPickerStyle in true, according to the documentation for these changes to be applied, I attach the images and part of the code, I hope they can help me.

This is on an iphone Captura de Pantalla 2021-12-14 a la(s) 10 40 16 a  m

This is on an android Captura de Pantalla 2021-12-14 a la(s) 10 44 39 a  m

this is the code I have

Captura de Pantalla 2021-12-14 a la(s) 10 50 04 a  m <RNPickerSelect doneText='Seleccionar' placeholder={{ label: 'Tipo de documento', }} value={formData.type_document} useNativeAndroidPickerStyle={false} onValueChange={(text) => { setData('type_document', text) }}
style={pickerStyleDocument} items={billing} />

Captura de Pantalla 2021-12-14 a la(s) 10 49 49 a  m

const pickerStyleDocument = { inputIOS: { color: '#271938', width: wp('80%'), height: wp('13%'), fontSize: hp(1.75), fontFamily: fontFamily.fontFamilyLight, marginLeft: wp(1) }, placeholder: { color: 'rgba(39,25,56,0.4)', fontSize: wp(4), fontFamily: fontFamily.fontFamilySemiBold, }, inputAndroid: { color: '#271938', width: wp('80%'), height: wp('13%'), fontSize: hp(1.75), fontFamily: fontFamily.fontFamilyLight, }, };

the version is

"react-native-picker-select": "8.0.4", "react-native": "0.63.4",

ajyku commented 2 years ago

check this https://github.com/lawnstarter/react-native-picker-select/issues/446#issuecomment-1084262018 works

Petagorus commented 2 years ago

i same issue, fontFamily not change in android.