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

Posted 2023-02-25

【中文标题】为啥 React Native Picker 不会在 iOS 上显示？

【英文标题】：Why will React Native Picker not display on iOS?为什么 React Native Picker 不会在 iOS 上显示？

【发布时间】：2017-07-22 18:12:58

【问题描述】：

我正在尝试在 React Native 中使用该元素。它在 android 上运行良好，但在 ios 上不显示。

<Picker selectedValue='java' >
  <Picker.Item label="Java" value="java" />
  <Picker.Item label="javascript" value="js" />
</Picker>

【参考方案1】：

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

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

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

【参考方案2】：

要在 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' 样式添加到元素会导致它不显示。

【讨论】：

有趣的是，alignItems: 'center' 对我来说是个问题，从父视图中删除它解决了我没有显示的问题。根据我的经验，根本不需要向Picker 控制器添加width 和height。