Question

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

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

Answer 1

要在iOS上显示，我需要添加一个<Text>元素，其中包含<Picker>的标题，并将它们放在<View>元素

中

e.g。

<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上显示？

2 个答案: