React Native 如何创建一个自定义的选择项目从本地基地？

myzjeezk 于 2023-02-05 发布在 React

关注(0)|答案(1)|浏览(90)

我正在使用"从本机基础选择"，但在尝试从Select.Item自定义可选选项时遇到问题。

react-native: 0.70.5,
native-base": "^3.4.25

<Select>
<Select.Item value="one" label="one" />
</Select>

在这里它只呈现标签，标签需要一个字符串。我不能从Select.Item呈现任何其他组件
我想要达到的目标看起来很像下面的图片：
Desired Select.Item

react-native

来源：https://stackoverflow.com/questions/75281685/how-to-create-a-customized-select-item-from-native-base

1条答案

按热度按时间

vlf7wbxs1#

您可以使用label属性定制项目内容。
比如：

<Select>
  <Select.Item 
    value="one" 
    label={
      <Row>
        <Icon as={MaterialCommunityIcons} name="information" />
        <Text>one</Text>
      </Row>
    }
  />
</Select>

在我看来，属性名称具有误导性，你也可以在Select.Item上使用leftIcon和rightIcon属性，如果你不能用这些达到你想要的定制级别，恐怕你将不得不基于ActionSheet元素创建自己的Select组件。
请注意，这将是不兼容的网络，所以如果你需要网络支持，它不会是一个选项。我也不知道在多大程度上其他组件支持这个项目元素。

赞(0）回复(0）举报 2023-02-05

我来回答

React Native 如何创建一个自定义的选择项目从本地基地？

1条答案

相关问题

热门标签

最新问答