{"_id":"@crystalneth0/react-native-country-picker-modal","_rev":"3-7c9b7cc09219eea02bec5b25e2398cca","name":"@crystalneth0/react-native-country-picker-modal","dist-tags":{"latest":"2.0.3"},"versions":{"2.0.1":{"name":"@crystalneth0/react-native-country-picker-modal","version":"2.0.1","keywords":["react-native","components","country-picker","country","flag"],"author":{"name":"xcarpentier, crystalneth"},"license":"MIT","_id":"@crystalneth0/react-native-country-picker-modal@2.0.1","maintainers":[{"name":"crystalneth0","email":"alex@stacktrace.com"}],"homepage":"http://xcarpentier.github.io/react-native-country-picker-modal","bugs":{"url":"https://github.com/xcarpentier/react-native-country-picker-modal/issues"},"dist":{"shasum":"15d5a4ba2dda001485d3d4090f1e61d7053ddbad","tarball":"https://registry.npmjs.org/@crystalneth0/react-native-country-picker-modal/-/react-native-country-picker-modal-2.0.1.tgz","fileCount":12,"integrity":"sha512-wSwrzoj4s8793+F7LkojscEBFbbx3YojhyPaK8+7VoEwnVMfSMA0049fwDrUnKkLX3au4fEo3h9dswdBehHwcA==","signatures":[{"sig":"MEUCIQDTU8svRwADFTp5Y0WYid0z1ngMLHUKqOpdk9bwWnW89AIgd0YM4Q90ZvWe8T/YplaPwKtWrdjR4qHHRUjL2DJW26A=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":156520},"jest":{"preset":"react-native","testMatch":["**/*.test.ts?(x)"],"transform":{"^.+\\.(js|jsx|ts|tsx)$":"babel-jest"},"testEnvironment":"jsdom","moduleFileExtensions":["js","jsx","json","ts","tsx"],"modulePathIgnorePatterns":["<rootDir>/example-expo","<rootDir>/example-slack-message"]},"main":"lib/index.js","husky":{"hooks":{"pre-commit":"yarn lint && yarn tsc"}},"types":"lib/index.d.ts","gitHead":"69ed3275be7080ec2b9e4348a969bd6b9db15dbb","scripts":{"tsc":"tsc --noEmit","lint":"eslint .","test":"TZ=Europe/Paris jest","build":"rm -rf lib/ && node_modules/.bin/tsc && mkdir ./lib && cp -rf ./src/assets ./lib/assets && yarn minify","start":"yarn config:dev && expo start","deploy":"gh-pages -d web-build","minify":"yarn minify:emoji","verify":"yarn lint && yarn build && yarn test","cleaning":"rm -rf node_modules && rm -f yarn.lock && yarn cache clean && yarn install && watchman watch-del-all && rm -fr $TMPDIR/react-*","data:cca2":"rm -rf ./data/cca2.json && ./scripts/transform-world-countries.js --cca2 > ./data/cca2.json","predeploy":"yarn verify && expo build:web && mkdir web-build/countries && cp ./data/countries.json web-build/countries/index.json","start:web":"yarn config:dev && expo start -w --dev","config:dev":"json -I -f package.json -e 'this.main=\"node_modules/expo/AppEntry.js\"'","config:npm":"json -I -f package.json -e 'this.main=\"lib/index.js\"'","data:emoji":"rm -rf ./data/countries-emoji.json && ./scripts/transform-world-countries.js --emoji > ./data/countries-emoji.json","data:image":"rm -rf ./data/countries.json && ./scripts/transform-world-countries.js > ./data/countries.json","postpublish":"yarn config:dev","data:regions":"rm -rf ./data/cca2.json && ./scripts/transform-world-countries.js --regions > ./data/regions.json","minify:emoji":"./scripts/minify.js ./lib/assets/data/countries-emoji.json","prepublishOnly":"yarn config:npm","data:subregions":"rm -rf ./data/cca2.json && ./scripts/transform-world-countries.js --subregions > ./data/subregions.json"},"_npmUser":{"name":"crystalneth0","email":"alex@stacktrace.com"},"repository":{"url":"git+https://github.com/crystalneth/react-native-country-picker-modal.git","type":"git"},"_npmVersion":"9.5.1","description":"Country Picker Modal for React Native with defaultProps fix","directories":{},"resolutions":{"mem":"^4.0.0"},"_nodeVersion":"18.16.1","dependencies":{"fuse.js":"3.4.5","node-emoji":"1.11.0","react-async-hook":"4.0.0","@callstack/react-theme-provider":"3.0.9"},"_hasShrinkwrap":false,"devDependencies":{"expo":"^49.0.13","jest":"^29.7.0","json":"^11.0.0","husky":"^8.0.3","react":"18.2.0","eslint":"^8.50.0","gh-pages":"6.0.0","prettier":"3.0.3","babel-cli":"6.26.0","jest-expo":"^49.0.0","react-dom":"18.2.0","babel-jest":"29.7.0","typescript":"5.2.2","@babel/core":"^7.23.0","@types/jest":"29.5.5","@types/react":"18.2.24","react-native":"0.72.5","world-countries":"5.0.0","react-native-web":"^0.19.9","@babel/preset-env":"^7.22.20","@types/node-emoji":"1.8.2","babel-preset-expo":"^9.5.2","@types/react-native":"0.72.3","eslint-plugin-jsdoc":"^46.8.2","eslint-plugin-react":"^7.33.2","react-test-renderer":"18.2.0","@babel/eslint-parser":"^7.22.15","eslint-plugin-import":"^2.28.1","eslint-config-prettier":"^9.0.0","@typescript-eslint/parser":"^6.7.4","@types/react-test-renderer":"18.0.3","eslint-plugin-prefer-arrow":"^1.2.3","@typescript-eslint/eslint-plugin":"^6.7.4"},"_npmOperationalInternal":{"tmp":"tmp/react-native-country-picker-modal_2.0.1_1741922228233_0.13913470346423762","host":"s3://npm-registry-packages-npm-production"}},"2.0.2":{"name":"@crystalneth0/react-native-country-picker-modal","version":"2.0.2","keywords":["react-native","components","country-picker","country","flag"],"author":{"name":"xcarpentier, crystalneth"},"license":"MIT","_id":"@crystalneth0/react-native-country-picker-modal@2.0.2","maintainers":[{"name":"crystalneth0","email":"alex@stacktrace.com"}],"homepage":"http://xcarpentier.github.io/react-native-country-picker-modal","bugs":{"url":"https://github.com/xcarpentier/react-native-country-picker-modal/issues"},"dist":{"shasum":"eeed5cc332f29e6eb75a2550fcdee7353c540299","tarball":"https://registry.npmjs.org/@crystalneth0/react-native-country-picker-modal/-/react-native-country-picker-modal-2.0.2.tgz","fileCount":12,"integrity":"sha512-sHGXgauHfGuOyuDXBIvb5BWqQy2uWpezNu356cRHYYkg/UWVLv8RYQ/ozBCv2kRwkLq9/OloSbbJGNP4/mJFcA==","signatures":[{"sig":"MEUCIC3S6zjRoSgqanwpbAUakRKsqlVH2JEHCkILOhOk1kgoAiEA+OyIEWlR3hQO+VZb4W78nmBOxyh8oN8wU4j3ppnbqkk=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":156520},"jest":{"preset":"react-native","testMatch":["**/*.test.ts?(x)"],"transform":{"^.+\\.(js|jsx|ts|tsx)$":"babel-jest"},"testEnvironment":"jsdom","moduleFileExtensions":["js","jsx","json","ts","tsx"],"modulePathIgnorePatterns":["<rootDir>/example-expo","<rootDir>/example-slack-message"]},"main":"lib/index.js","husky":{"hooks":{"pre-commit":"yarn lint && yarn tsc"}},"types":"lib/index.d.ts","gitHead":"69ed3275be7080ec2b9e4348a969bd6b9db15dbb","scripts":{"tsc":"tsc --noEmit","lint":"eslint .","test":"TZ=Europe/Paris jest","build":"rm -rf lib/ && node_modules/.bin/tsc && mkdir ./lib && cp -rf ./src/assets ./lib/assets && yarn minify","start":"yarn config:dev && expo start","deploy":"gh-pages -d web-build","minify":"yarn minify:emoji","verify":"yarn lint && yarn build && yarn test","cleaning":"rm -rf node_modules && rm -f yarn.lock && yarn cache clean && yarn install && watchman watch-del-all && rm -fr $TMPDIR/react-*","data:cca2":"rm -rf ./data/cca2.json && ./scripts/transform-world-countries.js --cca2 > ./data/cca2.json","predeploy":"yarn verify && expo build:web && mkdir web-build/countries && cp ./data/countries.json web-build/countries/index.json","start:web":"yarn config:dev && expo start -w --dev","config:dev":"json -I -f package.json -e 'this.main=\"node_modules/expo/AppEntry.js\"'","config:npm":"json -I -f package.json -e 'this.main=\"lib/index.js\"'","data:emoji":"rm -rf ./data/countries-emoji.json && ./scripts/transform-world-countries.js --emoji > ./data/countries-emoji.json","data:image":"rm -rf ./data/countries.json && ./scripts/transform-world-countries.js > ./data/countries.json","postpublish":"yarn config:dev","data:regions":"rm -rf ./data/cca2.json && ./scripts/transform-world-countries.js --regions > ./data/regions.json","minify:emoji":"./scripts/minify.js ./lib/assets/data/countries-emoji.json","prepublishOnly":"yarn config:npm","data:subregions":"rm -rf ./data/cca2.json && ./scripts/transform-world-countries.js --subregions > ./data/subregions.json"},"_npmUser":{"name":"crystalneth0","email":"alex@stacktrace.com"},"repository":{"url":"git+https://github.com/crystalneth/react-native-country-picker-modal.git","type":"git"},"_npmVersion":"9.5.1","description":"Country Picker Modal for React Native with defaultProps fix","directories":{},"resolutions":{"mem":"^4.0.0"},"_nodeVersion":"18.16.1","dependencies":{"fuse.js":"3.4.5","node-emoji":"1.11.0","react-async-hook":"4.0.0","@callstack/react-theme-provider":"3.0.9"},"_hasShrinkwrap":false,"devDependencies":{"expo":"^49.0.13","jest":"^29.7.0","json":"^11.0.0","husky":"^8.0.3","react":"18.2.0","eslint":"^8.50.0","gh-pages":"6.0.0","prettier":"3.0.3","babel-cli":"6.26.0","jest-expo":"^49.0.0","react-dom":"18.2.0","babel-jest":"29.7.0","typescript":"5.2.2","@babel/core":"^7.23.0","@types/jest":"29.5.5","@types/react":"18.2.24","react-native":"0.72.5","world-countries":"5.0.0","react-native-web":"^0.19.9","@babel/preset-env":"^7.22.20","@types/node-emoji":"1.8.2","babel-preset-expo":"^9.5.2","@types/react-native":"0.72.3","eslint-plugin-jsdoc":"^46.8.2","eslint-plugin-react":"^7.33.2","react-test-renderer":"18.2.0","@babel/eslint-parser":"^7.22.15","eslint-plugin-import":"^2.28.1","eslint-config-prettier":"^9.0.0","@typescript-eslint/parser":"^6.7.4","@types/react-test-renderer":"18.0.3","eslint-plugin-prefer-arrow":"^1.2.3","@typescript-eslint/eslint-plugin":"^6.7.4"},"_npmOperationalInternal":{"tmp":"tmp/react-native-country-picker-modal_2.0.2_1741927750310_0.10438928613274023","host":"s3://npm-registry-packages-npm-production"}},"2.0.3":{"name":"@crystalneth0/react-native-country-picker-modal","version":"2.0.3","description":"Country Picker Modal for React Native with defaultProps fix","main":"lib/index.js","types":"lib/index.d.ts","repository":{"type":"git","url":"git+https://github.com/crystalneth/react-native-country-picker-modal.git"},"scripts":{"start":"yarn config:dev && expo start","start:web":"yarn config:dev && expo start -w --dev","tsc":"tsc --noEmit","build":"rm -rf lib/ && mkdir ./lib && node_modules/.bin/tsc --project tsconfig.build.json && cp -rf ./src/assets ./lib/assets && yarn minify","minify":"yarn minify:emoji","minify:emoji":"./scripts/minify.js ./lib/assets/data/countries-emoji.json","config:dev":"json -I -f package.json -e 'this.main=\"node_modules/expo/AppEntry.js\"'","config:npm":"json -I -f package.json -e 'this.main=\"lib/index.js\"'","lint":"eslint .","test":"TZ=Europe/Paris jest","data:image":"rm -rf ./data/countries.json && ./scripts/transform-world-countries.js > ./data/countries.json","data:emoji":"rm -rf ./data/countries-emoji.json && ./scripts/transform-world-countries.js --emoji > ./data/countries-emoji.json","data:cca2":"rm -rf ./data/cca2.json && ./scripts/transform-world-countries.js --cca2 > ./data/cca2.json","data:regions":"rm -rf ./data/cca2.json && ./scripts/transform-world-countries.js --regions > ./data/regions.json","data:subregions":"rm -rf ./data/cca2.json && ./scripts/transform-world-countries.js --subregions > ./data/subregions.json","cleaning":"rm -rf node_modules && rm -f yarn.lock && yarn cache clean && yarn install && watchman watch-del-all && rm -fr $TMPDIR/react-*","verify":"yarn lint && yarn build && yarn test","prepublishOnly":"yarn config:npm","postpublish":"yarn config:dev","deploy":"gh-pages -d web-build","predeploy":"yarn verify && expo build:web && mkdir web-build/countries && cp ./data/countries.json web-build/countries/index.json"},"keywords":["react-native","components","country-picker","country","flag"],"author":{"name":"xcarpentier, crystalneth"},"license":"MIT","bugs":{"url":"https://github.com/xcarpentier/react-native-country-picker-modal/issues"},"homepage":"http://xcarpentier.github.io/react-native-country-picker-modal","dependencies":{"@callstack/react-theme-provider":"3.0.9","fuse.js":"3.4.5","node-emoji":"1.11.0","react-async-hook":"4.0.0"},"devDependencies":{"@babel/core":"^7.23.0","@babel/eslint-parser":"^7.22.15","@babel/preset-env":"^7.22.20","@types/jest":"29.5.5","@types/node-emoji":"1.8.2","@types/react":"18.2.24","@types/react-native":"0.72.3","@types/react-test-renderer":"18.0.3","@typescript-eslint/eslint-plugin":"^6.7.4","@typescript-eslint/parser":"^6.7.4","babel-cli":"6.26.0","babel-jest":"29.7.0","babel-preset-expo":"^9.5.2","eslint":"^8.50.0","eslint-config-prettier":"^9.0.0","eslint-plugin-import":"^2.28.1","eslint-plugin-jsdoc":"^46.8.2","eslint-plugin-prefer-arrow":"^1.2.3","eslint-plugin-react":"^7.33.2","expo":"^49.0.13","gh-pages":"6.0.0","husky":"^8.0.3","jest":"^29.7.0","jest-expo":"^49.0.0","json":"^11.0.0","prettier":"3.0.3","react":"18.2.0","react-dom":"18.2.0","react-native":"0.72.5","react-native-web":"^0.19.9","react-test-renderer":"18.2.0","typescript":"5.2.2","world-countries":"5.0.0"},"jest":{"preset":"react-native","testEnvironment":"jsdom","moduleFileExtensions":["js","jsx","json","ts","tsx"],"transform":{"^.+\\.(js|jsx|ts|tsx)$":"babel-jest"},"testMatch":["**/*.test.ts?(x)"],"modulePathIgnorePatterns":["<rootDir>/example-expo","<rootDir>/example-slack-message"]},"husky":{"hooks":{"pre-commit":"yarn lint && yarn tsc"}},"resolutions":{"mem":"^4.0.0"},"gitHead":"69ed3275be7080ec2b9e4348a969bd6b9db15dbb","_id":"@crystalneth0/react-native-country-picker-modal@2.0.3","_nodeVersion":"18.16.1","_npmVersion":"9.5.1","dist":{"integrity":"sha512-plNL7bPEoArBlM97OzM9mDZhc4JchQcdaDga6TgdovSpdUDU+QLAmyKBLUlWQgC32c2/hj1HuSdcB24doz465Q==","shasum":"8507cc644af45fffb6f4c5488b039db16c35f8dc","tarball":"https://registry.npmjs.org/@crystalneth0/react-native-country-picker-modal/-/react-native-country-picker-modal-2.0.3.tgz","fileCount":76,"unpackedSize":274726,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQCNZaFA2Bn+jvLL7nSjyg3NVKlgPz8d48nJR9J7ZrLJdQIgQ0XtgfzLoy5osqanv4oMC7urDRoLAZYdML5MpWVGw5Y="}]},"_npmUser":{"name":"crystalneth0","email":"alex@stacktrace.com"},"directories":{},"maintainers":[{"name":"crystalneth0","email":"alex@stacktrace.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/react-native-country-picker-modal_2.0.3_1741930710422_0.20430377466304406"},"_hasShrinkwrap":false}},"time":{"created":"2025-03-14T03:17:08.136Z","modified":"2025-03-14T05:38:30.885Z","2.0.1":"2025-03-14T03:17:08.483Z","2.0.2":"2025-03-14T04:49:10.516Z","2.0.3":"2025-03-14T05:38:30.697Z"},"bugs":{"url":"https://github.com/xcarpentier/react-native-country-picker-modal/issues"},"author":{"name":"xcarpentier, crystalneth"},"license":"MIT","homepage":"http://xcarpentier.github.io/react-native-country-picker-modal","keywords":["react-native","components","country-picker","country","flag"],"repository":{"type":"git","url":"git+https://github.com/crystalneth/react-native-country-picker-modal.git"},"description":"Country Picker Modal for React Native with defaultProps fix","maintainers":[{"name":"crystalneth0","email":"alex@stacktrace.com"}],"readme":"<h3>\n  Country Picker for React Native.\n</h3>\n\n<p>\n   <a href=\"https://reactnative.gallery/xcarpentier/country-picker\"><img src=\"https://img.shields.io/badge/reactnative.gallery-%F0%9F%8E%AC-green.svg\"/></a>\n  <a href=\"https://www.npmjs.com/package/react-native-country-picker-modal\"><img src=\"https://img.shields.io/npm/v/react-native-country-picker-modal.svg?style=flat-square\"></a>\n  <a href=\"https://www.npmjs.com/package/react-native-country-picker-modal\"><img src=\"https://img.shields.io/npm/dm/react-native-country-picker-modal.svg?style=flat-square\"></a>\n  <a href=\"#hire-an-expert\"><img src=\"https://img.shields.io/badge/%F0%9F%92%AA-hire%20an%20expert-brightgreen\"/></a>\n</p>\n\n| iOS                                                                                               | Android                                                                                           | Web                                                                                               |\n| ------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------- |\n| <img  src=\"https://media.giphy.com/media/cKmlP4Ue5pUrH0DQLi/giphy.gif\" width=\"200\" height=\"400\"/> | <img  src=\"https://media.giphy.com/media/Q7SDti4eARGx2CQIGE/giphy.gif\" width=\"200\" height=\"400\"/> | <img  src=\"https://media.giphy.com/media/gKl3z3c7sVVL7KSSh8/giphy.gif\" width=\"250\" height=\"400\"/> |\n\n\n> **Fixed Warning**: This PR removes usage of deprecated `defaultProps` in function components and replaces them with ES6 default parameters. This fixes the React warning: \"Warning: defaultProps is deprecated and will be removed in a future major release. Use JavaScript default parameters instead.\" All functionality remains the same with no API changes.\n\n## Demo\n\n- 🎉[ GO TO WEB DEMO ](http://xcarpentier.github.io/react-native-country-picker-modal/) 🎉\n- [snack example](https://snack.expo.io/@xcarpentier/bossy-marshmallows)\n\n## Installation\n\n```bash\nnpm install @crystalneth0/react-native-country-picker-modal\n```\n\nOr using yarn:\n\n```bash\nyarn add @crystalneth0/react-native-country-picker-modal\n```\n\n### Original Installation\n\n```bash\n$ yarn add react-native-country-picker-modal\n```\n\n## Basic Usage\n\nFor more complete example open [App.tsx](https://github.com/xcarpentier/react-native-country-picker-modal/blob/master/App.tsx)\n\n```tsx\nimport React, { useState } from 'react'\nimport { View, Text, StyleSheet, PixelRatio, Switch } from 'react-native'\nimport CountryPicker from 'react-native-country-picker-modal'\nimport { CountryCode, Country } from './src/types'\n\nconst styles = StyleSheet.create({\n  // ...\n})\n\nexport default function App() {\n  const [countryCode, setCountryCode] = useState<CountryCode>('FR')\n  const [country, setCountry] = useState<Country>(null)\n  const [withCountryNameButton, setWithCountryNameButton] = useState<boolean>(\n    false,\n  )\n  const [withFlag, setWithFlag] = useState<boolean>(true)\n  const [withEmoji, setWithEmoji] = useState<boolean>(true)\n  const [withFilter, setWithFilter] = useState<boolean>(true)\n  const [withAlphaFilter, setWithAlphaFilter] = useState<boolean>(false)\n  const [withCallingCode, setWithCallingCode] = useState<boolean>(false)\n  const onSelect = (country: Country) => {\n    setCountryCode(country.cca2)\n    setCountry(country)\n  }\n  return (\n    <View style={styles.container}>\n      <Text style={styles.welcome}>Welcome to Country Picker !</Text>\n      <Option\n        title='With country name on button'\n        value={withCountryNameButton}\n        onValueChange={setWithCountryNameButton}\n      />\n      <Option title='With flag' value={withFlag} onValueChange={setWithFlag} />\n      <Option\n        title='With emoji'\n        value={withEmoji}\n        onValueChange={setWithEmoji}\n      />\n      <Option\n        title='With filter'\n        value={withFilter}\n        onValueChange={setWithFilter}\n      />\n      <Option\n        title='With calling code'\n        value={withCallingCode}\n        onValueChange={setWithCallingCode}\n      />\n      <Option\n        title='With alpha filter code'\n        value={withAlphaFilter}\n        onValueChange={setWithAlphaFilter}\n      />\n      <CountryPicker\n        {...{\n          countryCode,\n          withFilter,\n          withFlag,\n          withCountryNameButton,\n          withAlphaFilter,\n          withCallingCode,\n          withEmoji,\n          onSelect,\n        }}\n        visible\n      />\n      <Text style={styles.instructions}>Press on the flag to open modal</Text>\n      {country !== null && (\n        <Text style={styles.data}>{JSON.stringify(country, null, 2)}</Text>\n      )}\n    </View>\n  )\n}\n```\n\n## Props\n\n- `countryCode`: [CountryCode](https://github.com/xcarpentier/react-native-country-picker-modal/blob/master/src/types.ts#L252)\n- `region?`:[Region](https://github.com/xcarpentier/react-native-country-picker-modal/blob/master/src/types.ts#L272)\n- `subregion?`: [Subregion](https://github.com/xcarpentier/react-native-country-picker-modal/blob/master/src/types.ts#L282)\n- `countryCodes?`: [CountryCode](https://github.com/xcarpentier/react-native-country-picker-modal/blob/master/src/types.ts#L254)\n- `theme?`: [Theme](https://github.com/xcarpentier/react-native-country-picker-modal/blob/7611d34fa35744dbec3fbcdd9b4401494b1ba8c4/src/CountryTheme.ts#L5)\n- `translation?`: [TranslationLanguageCode](https://github.com/xcarpentier/react-native-country-picker-modal/blob/master/src/types.ts#L309)\n- `modalProps?`: [ModalProps](https://facebook.github.io/react-native/docs/modal#props)\n- `filterProps?`: [CountryFilterProps](https://facebook.github.io/react-native/docs/textinput#props)\n- `flatListProps?`: [FlatListProps<Country>](https://facebook.github.io/react-native/docs/flatlist#props)\n- `withAlphaFilter?`: boolean\n- `withCallingCode?`: boolean\n- `withCurrency?`: boolean\n- `withEmoji?`: boolean\n- `withCountryNameButton?`: boolean\n- `withCurrencyButton?`: boolean\n- `withCallingCodeButton?`: boolean\n- `withFlagButton?`: boolean\n- `withCloseButton?`: boolean\n- `withFilter?`: boolean\n- `withFlag?`: boolean\n- `withModal?`: boolean\n- `visible?`: boolean\n- `containerButtonStyle?`: `StyleProp<ViewStyle>`\n- `renderFlagButton?`(props: (FlagButton['props'])): ReactNode ([FlagButton props](https://github.com/xcarpentier/react-native-country-picker-modal/blob/master/src/FlagButton.tsx#L73))\n- `renderCountryFilter?`(props: CountryFilter['props']): ReactNode ([CountryFilter props is TextInputProps](https://facebook.github.io/react-native/docs/textinput#props))\n- `onSelect`(country: Country): void ([Country](https://github.com/xcarpentier/react-native-country-picker-modal/blob/master/src/types.ts#L263))\n- `onOpen`(): void\n- `onClose`(): void\n- `closeButtonImage?`: [ImageSourcePropType](https://facebook.github.io/react-native/docs/image#props)\n- `closeButtonStyle?`: StyleProp<ViewStyle>\n- `closeButtonImageStyle?`: StyleProp<ImageStyle>\n- `disableNativeModal?`: boolean (you have to wrap your all app with CountryModalProvider)\n- `preferredCountries`: [CountryCode](https://github.com/xcarpentier/react-native-country-picker-modal/blob/master/src/types.ts#L254) preferred countries they appear first (`withAlphaFilter` must be false)\n\n## Dark theme example\n\n<p align=\"center\">\n    <img alt=\"react-native-country-picker-modal-dark\" src=\"https://user-images.githubusercontent.com/2692166/40585272-094f817a-61b0-11e8-9668-abff0aeddb0e.png\" width=150>\n</p>\n\nA simple example to display a `CountryPicker` component with a dark theme.\n\n```tsx\nimport CountryPicker, { DARK_THEME } from 'react-native-country-picker-modal'\n\nconst MyDarkView = () => <CountryPicker theme={DARK_THEME} />\n```\n\n## Dependencies\n\n- world-countries : https://www.npmjs.com/package/world-countries\n\n## FAQ\n\n### Is it supported and tested both on android and iOS?\n\nYES\n\n### Is the data that is populated inside the list saved offline once I install your package?\n\nYES : It used the world-countries package and image is stored into json and base64.\n\n## Tiers lib using this lib\n\n- [react-native-phone-verification](https://github.com/joinspontaneous/react-native-phone-verification)\n\n[> Your project?](https://github.com/xcarpentier/react-native-linkedin/issues/new)\n\n## See also\n\n- [react-native-linkedin](https://github.com/xcarpentier/react-native-linkedin)\n\n## Contribution\n\n- [@xcapentier](mailto:contact@xaviercarpentier.com) The main author.\n\n## Questions\n\nFeel free to [contact me](mailto:contact@xaviercarpentier.com) or [create an issue](https://github.com/xcarpentier/react-native-country-picker/issues/new)\n\n> made with ♥\n\n## Licence\n\n[MIT](https://github.com/xcarpentier/react-native-country-picker-modal/blob/master/LICENSE.md)\n\n## Hire an expert!\n\nLooking for a ReactNative freelance expert with more than 12 years experience? Contact me from my [website](https://xaviercarpentier.com)!\n","readmeFilename":"README.md"}