PickerIOS is alway showing in React-Native

Question

Anyone have already use PickerIOS component ?

On Android, it's all good : when i press, my Picker is showing. But on IOS, my component is alway showing and not centered in the device.

No more information on the documentation :/

My code :

<PickerIOS
  selectedValue={selectedValue}
  onValueChange={(itemValue, itemIndex) => onValueChange(itemValue)}
  style={InputStyles.picker}
>
  {items.map((item, index) =>
    <PickerIOS.Item
      key={index}
      label={item.label}
      value={item.value}
    />
  )}
</PickerIOS>

Screenshot :

Anyone have idea ?

Can you not use the Picker component? That works for both. It would be weird to have an iOS picker on Android. — ShaneG, Dec 15 '17 at 11:19
Yep, normaly i use Picker, but on IOS, Picker is alway showing too :( — s-leg3ndz, Dec 15 '17 at 11:21
Possible duplicate of [React Native ios picker is always open](https://stackoverflow.com/questions/41181683/react-native-ios-picker-is-always-open) — geisterfurz007, Jul 15 '19 at 06:37

score 1 · Accepted Answer · answered Dec 15 '17 at 11:51

1

I found a good answer here:

React Native ios picker is always open

It seems there is no way to customize the picker on iOS. Thats just the way it appears.

But they give some good pointers in that link. Hope that helps!

answered Dec 15 '17 at 11:51

ShaneG

1,498
7
16

Thank you ShaneG :) – s-leg3ndz Dec 15 '17 at 13:14
@StéphaneRICHIN No Problem. If it answers your question please mark it as the correct answer for this questions! :) – ShaneG Dec 15 '17 at 14:16

PickerIOS is alway showing in React-Native

1 Answers1