Research
Security News
Quasar RAT Disguised as an npm Package for Detecting Vulnerabilities in Ethereum Smart Contracts
Socket researchers uncover a malicious npm package posing as a tool for detecting vulnerabilities in Etherium smart contracts.
react-native-dropdown-country-picker
Advanced tools
React Native Dropdown Country Picker is same as that of HTML select list
iOS | Android | Web | Expo |
---|---|---|---|
✅ | ✅ | ✅ | ✅ |
$ npm install react-native-dropdown-country-picker
OR
$ yarn add react-native-dropdown-country-picker
import CountryCodeDropdownPicker from 'react-native-dropdown-country-picker'
const App = () => {
const [selected, setSelected] = React.useState('+91');
const [country, setCountry] = React.useState('');
const [phone, setPhone] = React.useState('');
return(
<CountryCodeDropdownPicker
selected={selected}
setSelected={setSelected}
setCountryDetails={setCountry}
phone={phone}
setPhone={setPhone}
countryCodeTextStyles={{fontSize: 13}}
/>
)
};
For Live Demo
(Expo Snack)
Name | Type | Description | Default |
---|---|---|---|
selected | state var | The default selected country dial code stored in state variable | N/A |
setSelected | Function | setState function to set the selected state variable | N/A |
setCountryDetails | Function | setState function to set additional country details in respective state variable (Optional) | N/A |
phone | state var | state variable if you want to display phone number field (Optional) | N/A |
setPhone | Funtion | setState function to set the phone state variable (Optional) | N/A |
countryCodeContainerStyles | style Object | style object to style the country code container (Optional) | N/A |
countryCodeTextStyles | style object | style object to style the text inside country code container (Optional) | N/A |
phoneStyles | style object | style object to style the text input of phone field (Optional) | N/A |
searchIcon | string | URL of the icon if you want to replace the search icon (Optional) | N/A |
closeIcon | string | URL of the icon if you want to replace the close icon (Optional) | N/A |
searchStyles | style object | style object to style the search field (Optional) | N/A |
searchTextStyles | style object | style object to style the search text input field (Optional) | N/A |
dropdownStyles | style object | style object to style the dropdown container (Optional) | N/A |
dropdownTextStyles | style object | style object to style the text inside dropdown container (Optional) | N/A |
FAQs
React Native Dropdown Country Picker is same as that of HTML select list
The npm package react-native-dropdown-country-picker receives a total of 328 weekly downloads. As such, react-native-dropdown-country-picker popularity was classified as not popular.
We found that react-native-dropdown-country-picker demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Research
Security News
Socket researchers uncover a malicious npm package posing as a tool for detecting vulnerabilities in Etherium smart contracts.
Security News
Research
A supply chain attack on Rspack's npm packages injected cryptomining malware, potentially impacting thousands of developers.
Research
Security News
Socket researchers discovered a malware campaign on npm delivering the Skuld infostealer via typosquatted packages, exposing sensitive data.