React 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

使用世界國家填充列表。

如果您非常熱衷，可以查看實現src / CountryPicker.js ， scripts / transform-world-countries.js ， src / countryFlags.js的內部結構。