为什么 React Native Picker 不会在 iOS 上显示？

Question

我正在尝试使用 React Native 中的元素。它在 Android 上工作正常，但在 iOS 上不显示。

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

Answer 1

要在 iOS 上显示，我需要添加一个带有 <Picker> 标题的 <Text> 元素，并将两者都放在 <View> 元素中

例如

<View>

  <Text>Select Language</Text>

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

</View>

我还注意到向元素添加 alignItems: 'center' 样式导致它无法显示。

Answer 2

您需要为选择器元素设置 height 和 width

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

顺便说一句，选择器不会像键盘那样出现。

为什么 React Native Picker 不会在 iOS 上显示？

Why will React Native Picker not display on iOS?

picker

ios

react-native