我正在使用本国语言为picker的国家/地区和拨号代码创建电话输入代码看起来像这样。
<Item picker >
<Picker
mode="dropdown"
placeholder="Select your Country"
placeholderStyle={{ color: "#bfc6ea" }}
placeholderIconColor="#007aff"
selectedValue={this.state.selectedContactNumber1}
onValueChange={this.onValueChange1.bind(this)}
>
{countryCode.map((i, index) => (
<Picker.Item key={index} label={i.flag + " " + i.name} value={i.dialCode} />
))}
</Picker>
</Item>
onValueChange1(value: string) {
this.setState({
selectedContactNumber1: value
});
}
国家/地区代码数据为here
预期的输出看起来像这样。
如何仅使用表情符号/标志而不选择标签来更改所选输出?
我想您需要的是,在选择一个选择器项目时,您需要显示一个图标而不是项目标签。