React native 如何定制选择器？

我想知道你是否知道如何删除文本并在这个组件中添加图标

我希望它看起来像这样。。。如何使用必须手动执行的本机基进行修改

import React，{Component}来自“React”；
从“本机基”导入{容器、头、内容、选择器、表单}；
导出默认类PickerExample扩展组件{
建造师（道具）{
超级（道具）；
此.state={
选定：“键1”
};
}
onValueChange（值：字符串）{
这是我的国家({
所选：值
});
}
render（）{
返回(
);
}
}

最近我遇到了这个问题。但无法通过选取器项进行解析。 我曾经

react本机可搜索下拉列表

---

包裹。您可以自定义此软件包并添加图标。

但我不需要可搜索的下拉列表。您可以禁用搜索选项

import React, { Component } from "react";
import { Container, Header, Content, Picker, Form } from "native-base";

export default class PickerExample extends Component {
  constructor(props) {
    super(props);
    this.state = {
      selected: "key1"
    };
  }
  onValueChange(value: string) {
    this.setState({
      selected: value
    });
  }
  render() {
    return (
      <Container>
        <Header />
        <Content>
          <Form>
            <Picker
              note
              mode="dropdown"
              style={{ width: 120 }}
              selectedValue={this.state.selected}
              onValueChange={this.onValueChange.bind(this)}
            >
              <Picker.Item label="Wallet" value="key0" />
              <Picker.Item label="ATM Card" value="key1" />
              <Picker.Item label="Debit Card" value="key2" />
              <Picker.Item label="Credit Card" value="key3" />
              <Picker.Item label="Net Banking" value="key4" />
            </Picker>
          </Form>
        </Content>
      </Container>
    );
  }
}