{"_id":"@effektsvk/react-native-country-picker-modal","_rev":"4-02321d0b7043710913854aba62923f54","name":"@effektsvk/react-native-country-picker-modal","dist-tags":{"latest":"2.0.11"},"versions":{"2.0.8":{"name":"@effektsvk/react-native-country-picker-modal","version":"2.0.8","keywords":["react-native","components","country-picker","country","flag"],"author":{"url":"https://xaviercarpentier.com/","name":"Xavier Carpentier","email":"xcapetir@gmail.com"},"license":"MIT","_id":"@effektsvk/react-native-country-picker-modal@2.0.8","maintainers":[{"name":"effektsvk","email":"erik.slovak7@gmail.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":"0b1c0ab87c2f480519fe28d2690faa3dc6e1f794","tarball":"https://registry.npmjs.org/@effektsvk/react-native-country-picker-modal/-/react-native-country-picker-modal-2.0.8.tgz","fileCount":9,"integrity":"sha512-SjKDx8dTMDZaBrtZCJSYy8xxEwGdGQu0Y/mU/TdFhA+dItaIY3RQbcF/VnEFjd/1D16y9E/Aic5LExJ9Cr7/lw==","signatures":[{"sig":"MEQCIEMUxBbF9siXn1h+/uhL/cRObBbn1qIoNZH9xmsvO3FqAiBz214qep7ugUEHxYqwXztVbeB3iqC7eAPlIqdZYADekw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":26354},"jest":{"preset":"react-native","testMatch":["**/*.test.ts?(x)"],"transform":{"^.+\\.(js|jsx|ts|tsx)$":"babel-jest"},"testEnvironment":"jsdom","moduleFileExtensions":["js","jsx","json","ts","tsx"],"modulePathIgnorePatterns":["/example-expo","/example-slack-message"]},"main":"lib/index.js","husky":{"hooks":{"pre-commit":"yarn lint && yarn tsc"}},"types":"src/types.ts","gitHead":"4060a0732a5f14c55852d85c1844d4d38662a29f","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 verify && yarn config:npm","data:subregions":"rm -rf ./data/cca2.json && ./scripts/transform-world-countries.js --subregions > ./data/subregions.json"},"_npmUser":{"name":"effektsvk","email":"erik.slovak7@gmail.com"},"repository":{"url":"git+https://github.com/xcarpentier/react-native-country-picker-modal.git","type":"git"},"_npmVersion":"11.6.2","description":"react-native country picker","directories":{},"resolutions":{"mem":"^4.0.0"},"_nodeVersion":"24.13.0","dependencies":{"fuse.js":"3.4.5","node-emoji":"1.11.0","react-async-hook":"4.0.0","react-native-safe-area-context":"^5.6.2","@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.8_1769525768853_0.2552674842364566","host":"s3://npm-registry-packages-npm-production"}},"2.0.9":{"name":"@effektsvk/react-native-country-picker-modal","version":"2.0.9","keywords":["react-native","components","country-picker","country","flag"],"author":{"url":"https://xaviercarpentier.com/","name":"Xavier Carpentier","email":"xcapetir@gmail.com"},"license":"MIT","_id":"@effektsvk/react-native-country-picker-modal@2.0.9","maintainers":[{"name":"effektsvk","email":"erik.slovak7@gmail.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":"399c3a4d058865d8e16cb79734988f3321764ff4","tarball":"https://registry.npmjs.org/@effektsvk/react-native-country-picker-modal/-/react-native-country-picker-modal-2.0.9.tgz","fileCount":73,"integrity":"sha512-gSJABQ7uRIOwbelgk6pfyv9K71wytqXnMljYzjVU5Er18Dodyj8VOZPMfEFPW2GWcwuMFwAUbHxpriRgHnivxg==","signatures":[{"sig":"MEUCIBVRucyF5Xs/du0g/SAT2r+f0FNjPaYiJZQsXE9gH4TAAiEAle+qYSA5uEi+fn6dDQeU6xJ0J5eEC69dRz5rDxxKdSo=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":135362},"jest":{"preset":"react-native","testMatch":["**/*.test.ts?(x)"],"transform":{"^.+\\.(js|jsx|ts|tsx)$":"babel-jest"},"testEnvironment":"jsdom","moduleFileExtensions":["js","jsx","json","ts","tsx"],"modulePathIgnorePatterns":["/example-expo","/example-slack-message"]},"main":"lib/index.js","husky":{"hooks":{"pre-commit":"yarn lint && yarn tsc"}},"types":"src/types.ts","gitHead":"eb618e965ad45b9d4d3dca164c06c69c2bcfd13e","scripts":{"tsc":"tsc --noEmit","lint":"eslint .","test":"TZ=Europe/Paris jest","build":"rm -rf lib/ && node_modules/.bin/tsc && mkdir -p ./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 verify && yarn config:npm","data:subregions":"rm -rf ./data/cca2.json && ./scripts/transform-world-countries.js --subregions > ./data/subregions.json"},"_npmUser":{"name":"effektsvk","email":"erik.slovak7@gmail.com"},"repository":{"url":"git+https://github.com/effektsvk/react-native-country-picker-modal.git","type":"git"},"_npmVersion":"11.6.2","description":"react-native country picker","directories":{},"resolutions":{"mem":"^4.0.0"},"_nodeVersion":"24.13.0","dependencies":{"fuse.js":"3.4.5","node-emoji":"1.11.0","react-async-hook":"4.0.0","react-native-safe-area-context":"^5.6.2","@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.9_1769543965064_0.05866571400300269","host":"s3://npm-registry-packages-npm-production"}},"2.0.10":{"name":"@effektsvk/react-native-country-picker-modal","version":"2.0.10","keywords":["react-native","components","country-picker","country","flag"],"author":{"url":"https://xaviercarpentier.com/","name":"Xavier Carpentier","email":"xcapetir@gmail.com"},"license":"MIT","_id":"@effektsvk/react-native-country-picker-modal@2.0.10","maintainers":[{"name":"effektsvk","email":"erik.slovak7@gmail.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":"9f6731060063a3f4cbb7c26bd352ab453ae36794","tarball":"https://registry.npmjs.org/@effektsvk/react-native-country-picker-modal/-/react-native-country-picker-modal-2.0.10.tgz","fileCount":74,"integrity":"sha512-BMPsFTT5FrXYkVnvHd9uvVOo6UXOwdPWcTLun8cXmzqDd/L2waM+fdzjlfdB8c/phiRXGRKe3tughZX/fqNYkQ==","signatures":[{"sig":"MEUCIQCb8RIZCm9wWgolDFJFZI2U6Kg5lplVmjxMdc1x5cD5KgIgbLXsn8O2T35duwOSajxTIntNl6PGtEZ1tQrVhTLnzU0=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":260483},"jest":{"preset":"react-native","testMatch":["**/*.test.ts?(x)"],"transform":{"^.+\\.(js|jsx|ts|tsx)$":"babel-jest"},"testEnvironment":"jsdom","moduleFileExtensions":["js","jsx","json","ts","tsx"],"modulePathIgnorePatterns":["/example-expo","/example-slack-message"]},"main":"lib/index.js","husky":{"hooks":{"pre-commit":"yarn lint && yarn tsc"}},"types":"src/types.ts","gitHead":"16e9faa87f76fb1bd35d2af9b8b6a723f2432404","scripts":{"tsc":"tsc --noEmit","lint":"eslint .","test":"TZ=Europe/Paris jest","build":"rm -rf lib/ && node_modules/.bin/tsc && mkdir -p ./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 verify && yarn config:npm","data:subregions":"rm -rf ./data/cca2.json && ./scripts/transform-world-countries.js --subregions > ./data/subregions.json"},"_npmUser":{"name":"effektsvk","email":"erik.slovak7@gmail.com"},"repository":{"url":"git+https://github.com/effektsvk/react-native-country-picker-modal.git","type":"git"},"_npmVersion":"11.6.2","description":"react-native country picker","directories":{},"resolutions":{"mem":"^4.0.0"},"_nodeVersion":"24.13.0","dependencies":{"fuse.js":"3.4.5","node-emoji":"1.11.0","react-async-hook":"4.0.0","react-native-safe-area-context":"^5.6.2","@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.10_1769616121862_0.9329470482309492","host":"s3://npm-registry-packages-npm-production"}},"2.0.11":{"name":"@effektsvk/react-native-country-picker-modal","version":"2.0.11","description":"react-native country picker","types":"lib/types.d.ts","repository":{"type":"git","url":"git+https://github.com/effektsvk/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/ && node_modules/.bin/tsc && mkdir -p ./lib && 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 verify && 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":"Xavier Carpentier","email":"xcapetir@gmail.com","url":"https://xaviercarpentier.com/"},"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"},"peerDependencies":{"react-native-safe-area-context":">=5.6.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-safe-area-context":"^5.6.2","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":["/example-expo","/example-slack-message"]},"husky":{"hooks":{"pre-commit":"yarn lint && yarn tsc"}},"resolutions":{"mem":"^4.0.0"},"main":"lib/index.js","gitHead":"3577e79d866d0b5dcf6a9c9fa7172d3c7bf6432b","_id":"@effektsvk/react-native-country-picker-modal@2.0.11","_nodeVersion":"24.18.0","_npmVersion":"11.16.0","dist":{"integrity":"sha512-KUx0jVbTB2XXY4bv4t4zifA4iHDvON/bZrarK71ZpBJ0PMXFryEV8Y5ywJbYa3InuDATqbCzvgHE+4oEVLbS1A==","shasum":"16651dc231253efccbbae12ddf78819a86af45a3","tarball":"https://registry.npmjs.org/@effektsvk/react-native-country-picker-modal/-/react-native-country-picker-modal-2.0.11.tgz","fileCount":74,"unpackedSize":260562,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQD9HYcK57XJRSmJfbPy5ErJsQxXwirAAO2/QJKbrjEd6AIhAKvaUSdwZLYDPSg7mWkdECZg38LAHuDzor/eCYzco3I9"}]},"_npmUser":{"name":"effektsvk","email":"erik.slovak7@gmail.com"},"directories":{},"maintainers":[{"name":"effektsvk","email":"erik.slovak7@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/react-native-country-picker-modal_2.0.11_1783951447627_0.2523367296918939"},"_hasShrinkwrap":false}},"time":{"created":"2026-01-27T14:56:08.768Z","modified":"2026-07-13T14:04:07.903Z","2.0.8":"2026-01-27T14:56:09.015Z","2.0.9":"2026-01-27T19:59:25.192Z","2.0.10":"2026-01-28T16:02:02.006Z","2.0.11":"2026-07-13T14:04:07.801Z"},"bugs":{"url":"https://github.com/xcarpentier/react-native-country-picker-modal/issues"},"author":{"name":"Xavier Carpentier","email":"xcapetir@gmail.com","url":"https://xaviercarpentier.com/"},"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/effektsvk/react-native-country-picker-modal.git"},"description":"react-native country picker","maintainers":[{"name":"effektsvk","email":"erik.slovak7@gmail.com"}],"readme":"

\n Country Picker for React Native.\n

\n\n

\n \n \n \n \n

\n\n| iOS | Android | Web |\n| ------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------- |\n| | | |\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\n$ yarn add @effektsvk/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 '@effektsvk/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('FR')\n const [country, setCountry] = useState(null)\n const [withCountryNameButton, setWithCountryNameButton] =\n useState(false)\n const [withFlag, setWithFlag] = useState(true)\n const [withEmoji, setWithEmoji] = useState(true)\n const [withFilter, setWithFilter] = useState(true)\n const [withAlphaFilter, setWithAlphaFilter] = useState(false)\n const [withCallingCode, setWithCallingCode] = useState(false)\n const onSelect = (country: Country) => {\n setCountryCode(country.cca2)\n setCountry(country)\n }\n return (\n \n Welcome to Country Picker !\n \n \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](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`\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\n- `closeButtonImageStyle?`: StyleProp\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

\n \"react-native-country-picker-modal-dark\"\n

\n\nA simple example to display a `CountryPicker` component with a dark theme.\n\n```tsx\nimport CountryPicker, {\n DARK_THEME,\n} from '@effektsvk/react-native-country-picker-modal'\n\nconst MyDarkView = () => \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"}