如何在React Native中创建Country和City下拉菜单

npm install react-native-picker-select

import React, { useState } from 'react';
import RNPickerSelect from 'react-native-picker-select';

const MyComponent = () => {
  const [selectedCountry, setSelectedCountry] = useState(null);
  const [selectedCity, setSelectedCity] = useState(null);

  const countryOptions = [
    { label: 'Country 1', value: 'country1' },
    { label: 'Country 2', value: 'country2' },
    // 添加更多的国家选项...
  ];

  const cityOptions = [
    { label: 'City 1', value: 'city1' },
    { label: 'City 2', value: 'city2' },
    // 添加更多的城市选项...
  ];

  return (
    <View>
      <RNPickerSelect
        placeholder={{ label: 'Select a country', value: null }}
        items={countryOptions}
        onValueChange={(value) => setSelectedCountry(value)}
        value={selectedCountry}
      />
      <RNPickerSelect
        placeholder={{ label: 'Select a city', value: null }}
        items={cityOptions}
        onValueChange={(value) => setSelectedCity(value)}
        value={selectedCity}
      />
    </View>
  );
};

export default MyComponent;