New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

react-native-country-codes-picker

Package Overview
Dependencies
Maintainers
1
Versions
35
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-native-country-codes-picker - npm Package Compare versions

Comparing version 1.2.1 to 1.2.2

21

components/CountryButton.js
import React from 'react';
import {Text, TouchableOpacity} from "react-native";
export const CountryButton = ({item, name, countryButtonStyles, ...rest}) => (
export const CountryButton = ({item, name, style, ...rest}) => (
<TouchableOpacity
style={[styles.countryButton, countryButtonStyles]}
style={[styles.countryButton, style?.countryButtonStyles]}
{...rest}
>
<Text style={{
flex: 0.2
}}>
<Text style={[
{
flex: 0.2
},
style?.flag
]}>
{item?.flag}
</Text>
<Text style={{
<Text style={[{
flex: 0.3,
}}>
}, style?.dialCode]}>
{item?.dial_code}
</Text>
<Text style={{
<Text style={[{
flex: 1
}}>
}, style?.countryName]}>
{name}

@@ -23,0 +26,0 @@ </Text>

@@ -85,6 +85,6 @@ import React from 'react';

<Text
style={{
style={[{
color: '#8c8c8c',
fontSize: 16,
}}
}, style?.searchMessageText]}
>

@@ -109,3 +109,3 @@ {searchMessage || 'Sorry we cant find your country :('}

item={item}
countryButtonStyles={style?.countryButtonStyles}
style={style}
name={checkName}

@@ -112,0 +112,0 @@ onPress={() => {

{
"name": "react-native-country-codes-picker",
"version": "1.2.1",
"version": "1.2.2",
"description": "This lib. provide country iso picker with search functionality",

@@ -5,0 +5,0 @@ "main": "index.js",

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc