React Native Picker

问题描述 投票:0回答:1

我正在使用本国语言为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

预期的输出看起来像这样。

enter image description here

如何仅使用表情符号/标志而不选择标签来更改所选输出?

react-native native-base
1个回答
0
投票

我想您需要的是,在选择一个选择器项目时,您需要显示一个图标而不是项目标签。

© www.soinside.com 2019 - 2024. All rights reserved.