react-native - 如何在 react-native-picker/picker 中使用图标作为标签

Question

实际上，我想使用 MaterialIcons 中的优先级高图标作为我的选择器中的标签以响应本机。所以这是我使用的代码：

<Picker
      selectedValue="0"
      dropdownIconColor={'#ffffff'}
      style={{
        width: 120,
        color: '#ffffff',
        fontSize: 24,
      }}
      mode={'dropdown'}
      onValueChange={priority => setPriority(priority)}>
      <Picker.Item
        value="0">
        <Icon name="priority-high" size={24} color="#FF3131" />
        <Text>High Priority</Text>
      </Picker.Item>
    </Picker>

但我无法将该图标和文本都作为标签。指导我如何实现这一目标。PS：是的，我曾考虑过使用表情符号，但我必须在不同的 Picker.Items 中使用多种颜色，其彩​​色表情符号不可用

标签： react-nativelabelpicker