react-native - 点击图标组件时，在 iOS 和 Android 中以原生组件样式显示选择器

Question

在我的 react-native 项目中，我想实现一个功能，即点击图标会分别在 iOS 和 Android 中弹出一个原生选择器组件。类似于这个 library的效果：

但是对于链接库，它始终默认有一个文本输入字段，单击该字段会弹出选择器本机组件。但是在我的项目中，我不需要默认的文本输入字段，我有一个图标组件（认为它是任何 react-native 自定义组件），我希望在单击/点击图标组件时具有相同的效果。

是否可以使用我链接的库来实现它？我注意到库中有icon属性，但不清楚如何使用它以及它是否是可以替换文本输入字段的属性。有人能帮帮我吗？

这是我在库中尝试过的，但它没有显示，MyIconComponent而是仍然显示输入文本字段：

return (
    <RNPickerSelect
      onValueChange={value => console.log(value)}
      icon={() => {
        return (
          <View style={styles.main}>
            <MyIconComponent />
          </View>
        );
      }}
      items={[
        {label: 'Football', value: 'football'},
        {label: 'Baseball', value: 'baseball'},
        {label: 'Hockey', value: 'hockey'},
      ]}
    />
  );

如果我不能用这个库实现我想要的，那么在点击我的图标组件时如何实现相同的效果？

标签： react-nativereact-native-androidreact-native-iosreact-native-picker-select

Answer 1

根据库文档，为了删除默认字段，将“placeholder={}”添加到组件道具中。

这就是你要找的东西？我说对了吗？