srinivasPaidisetti/country-list-json

List of countries that includes country dial code, country abbreviation and flag.

List of countries in json format that includes country dial code, country abbreviation and flag.

Get Started

• npm install country-list-json
• import countries

Usage

Get country name

• countries.name

Get dial code

• countries.dial_code

Get country code

• countries.code

Get country flag

• countries.flag

Data Example

[
  {
      name: "Japan",
      dial_code: "+81",
      code: "JP",
      flag: "🇯🇵"
  },
  {
      name: "Russia",
      dial_code: "+7",
      code: "RU",
      flag: "🇷🇺"
  },
]

Implementation Example(React Native)

import React from 'react';
import {
	FlatList,
	SafeAreaView,
	Text,
	View,
	StyleSheet,
	StatusBar,
} from 'react-native';

import { countries } from 'country-list-json';

const App = () => {
	const Item = ({ title }) => (
		<View style={styles.item}>
			<Text style={styles.title}>{title}</Text>
		</View>
	);

	const renderItem = ({ item }) => <Item title={item.name} />;
	return (
		<SafeAreaView style={styles.container}>
			<FlatList
				data={countries}
				keyExtractor={(item) => item.code}
				renderItem={renderItem}
			/>
		</SafeAreaView>
	);
};

const styles = StyleSheet.create({
	container: {
		flex: 1,
		marginTop: StatusBar.currentHeight || 0,
	},
	item: {
		backgroundColor: 'lavender',
		padding: 20,
		marginVertical: 8,
		marginHorizontal: 16,
	},
	title: {
		fontSize: 32,
	},
});

export default App;

Importing TypeScript types

import { CountryListItemType } from 'country-list-json';