4

I'm using react-native-picker-select, and I want to customize the picker (color and fontWeight).

So I set useNativeAndroidPickerStyle={false} but if the width value is longer than my picker, there is no ellipsis, and text seems truncated by the left : Android

On iOS everythings fine : iOS

Is it possible to make the Android look like iOS with useNativeAndroidPickerStyle to false so I can set the fontWeight to bold?

<RNPickerSelect
  placeholder={{}}
  style={form.smallSelect}
  style={{
    inputIOS: {
      ...form.smallInputIOS,
    },
    inputAndroid: {
      ...form.smallInputAndroid,
    },
  }}
  useNativeAndroidPickerStyle={false}
/>


...
  smallInputIOS: {
    color: SkinColors.green,
    fontWeight: 'bold',
    fontSize: normalize(15),
    width: '85%',
    paddingLeft: normalize(12),
    borderRadius: 30,
    height: normalize(30),
  },
  smallInputAndroid: {
    color: SkinColors.green,
    fontWeight: 'bold',
    fontSize: normalize(15),
    width: '100%',
    paddingLeft: normalize(12),
    borderRadius: 30,
    height: normalize(30),
    margin: 0,
    padding: 0,
  },

Thank you

IlanZ93
  • 41
  • 3

0 Answers0