Why will React Native Picker not display on iOS?

ios react-native picker
naturallyfoster picture naturallyfoster · Jul 22, 2017 · Viewed 8.9k times · Source

I am trying to use the element in React Native. It works fine on Android but is not displaying on iOS.

<Picker selectedValue={'java'} >
  <Picker.Item label="Java" value="java" />
  <Picker.Item label="JavaScript" value="js" />
</Picker>

Answer

Poptocrack picture Poptocrack · Jul 24, 2017

You need to set a height and a width to your picker element

<Picker selectedValue={'java'} style={{height: 100, width: 100}}>
  <Picker.Item label="Java" value="java" />
  <Picker.Item label="JavaScript" value="js" />
</Picker>

Btw, the picker wont appear like the keyboard could.

Related questions

React Native ios picker is always open

I have two pickers on my screen. Whenever I navigate to the screen in iOS app I find that the pickers are always open and all options are visible. It works perfectly fine in Android where the options are visible …

Read More
Set height of picker with react-native

I have a picker in my react-native ios app and want to set the height but the example won't honor flex, a style height or a height attribute. <Picker style={[styles.testbox, {borderColor: '#00F', flex:1, height: 100}]} selectedValue={this.…

Read More
How do you debug React Native?

How does one debug their React code with React Native while the app is running in app simulator?

Read More