react native，如何在 react-native-country-picker-modal 中顯示標志

Question

我正在使用react-native-country-picker-modal並且我想在用戶 select 一個國家時顯示標志。 但它不會在屏幕上呈現。 誰能告訴我如何渲染標志？ 下面是我的代碼

//function to set flag
const countryChange = ({ flag}) => {
    setState(state => ({
      ...state,
      flag: flag,
    }));
  };
....
 <Image
   source={{uri: flag}}
   style={{tintColor: colors.blackColor, width: 28, height: 20}}
   />
....
   <CountryPicker
      cca2={cca2}
      visible={countryPickerModalVisible}
      withFlagButton={true}
      withFilter
      onClose={onCountryPickerModalClose}
      onSelect={countryChange}
      withFlag
    />

Answer 1

const [withCallingCode, setWithCallingCode] = useState<boolean>(true)
const [withAlphaFilter, setWithAlphaFilter] = useState<boolean>(true)
const [withFilter, setwithFilter] = useState<boolean>(true)
const [countryCode, setCountryCode] = useState('US')
const [visible, setVisible] = useState(false)

<CountryPicker
{...{
    countryCode,
    withCallingCode,
    withAlphaFilter,
    withFilter,
    onSelect,
}}
modalProps={{
    visible: visible
}}
onOpen={() => setVisible(true)}
onClose={() => setVisible(false)} />