使用选择器反应Native以选择国家/地区和标志

Question

我想知道如何实现React Native选择器来选择国家和国旗图像。任何帮助将不胜感激

import React, { Component } from 'react'
import { Text, View, Image, Picker } from 'react-native'

export default class country extends Component {
    constructor(props) {
        super(props);
        this.state = { country: ""};
        this.state = {updatedCountry};
      }

  render() {
    return (
      <View>
        <Picker selectedValue = {this.state.country} onValueChange = {this.updatedCountry}>
               <Picker.Item label = "America" value = "flag" />
               <Picker.Item label = "England" value = "Flag" />
            </Picker>
            <Text style = {styles.text}>{this.state.country}</Text>
      </View>
    )
  }
}

Answer 1

我只是在寻找这个本机库react-native-country-picker-modal时碰到的。

同时支持Android和iOS

使用world-countries填充列表。

如果您非常热衷，可以查看实现src/CountryPicker.js，scripts/transform-world-countries.js，src/countryFlags.js

的内部信息。