Installations

npm install react-native-country-flag

Developer Guide

BETA

Typescript

Yes

Module System

CommonJS

Node Version

16.17.1

NPM Version

8.15.0 Score

93.4

Supply Chain

96.4

Quality

75.9

Maintenance

100

Vulnerability

100

License

Pull Requests

Open

2

Total

4

Closed

0

Merged

2

Issues

Open

2

Total

12

Closed

10

Releases

Unable to fetch releases

Languages

1

TypeScript

TypeScript (100%)

Developer

YannisHofmann

Download Statistics

Total Downloads

1,135,659

Last Day

2,205

Last Week

16,743

Last Month

67,603

Last Year

572,436

GitHub Statistics

72 Stars

25 Commits

16 Forks

1 Watchers

1 Branches

3 Contributors

Updated on Apr 29, 2025

Bundle Size

611.00 B

Minified

400.00 B

Minified + Gzipped

Bundlephobia

Maintainers

1

View All 3 Contributors

Package Meta Information

Latest Version

2.0.2

Package Id

react-native-country-flag@2.0.2

Unpacked Size

8.03 kB

Size

2.48 kB

File Count

8

NPM Version

8.15.0

Node Version

16.17.1

Published on

Sep 04, 2023

Total Downloads

Cumulative downloads

Total Downloads

1,135,659

Last Day

-18.5%

2,205

Compared to previous day

Last Week

7.7%

16,743

Compared to previous week

Last Month

-3.8%

67,603

Compared to previous month

Last Year

65.5%

572,436

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dev Dependencies

5

@types/react @types/react-native react react-native typescript

react-native-country-flag

This is a react-native package to display every 254 country flag with the ISO 3166-1 alpha-2 Standard!

⬇️ Install package

1npm install --save react-native-country-flag

💾 Data

Data required for the countryflag component to work has been completely decoupled from the library. That gives developers the flexibility to better control their app bundle size and let them choose how and when this data is loaded. Data can be:

Usage with remotely Fetched flags

Pros: Data fetched only when needed, does not affect your app bundle size
Cons: Network latency, doesn’t work offline

1import CountryFlag from "react-native-country-flag";
2
3<CountryFlag isoCode="de" size={25} />

Usage with flags directly Bundled into your codebase

🚧 Note: Still in progress (probely available in v2.1)

Pros: Component renders instantly, data is available offline
Cons: Does affect your app bundle size

1npm install --save react-native-country-flag/data

1import CountryFlag from "react-native-country-flag";
2import flags from "react-native-country-flag/data";
3
4<CountryFlag isoCode="de" size={25} flags={flags} />

🚩 Flag component (props)

1import CountryFlag from "react-native-country-flag";
2
3<CountryFlag isoCode="de" size={25} />

You can only use the ISO 3166-1 alpha-2 Standard for the isoCode property.

Prop	Type	Desciption
isoCode	String	Define the country flag with the ISO 3166-1 alpha-2 Standard.
size	Integer	Define the size from the country flag.
style	Stylesheet	Customize the style from the `CountryFlag` component.
flags		Optional: pass bundeled flags `CountryFlag` component.

📝 License

No vulnerabilities found.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

0

Maintained

Determines if the project is "actively maintained".

0

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Fuzzing

Determines if the project uses fuzzing.

0

Security-Policy

Determines if the project has published a security policy.

0

License

Determines if the project has defined a license.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

SAST

Determines if the project uses static code analysis.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

1.3

/10

Last Scanned on 2025-04-28

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More

Other packages similar to react-native-country-flag

Other packages similar to react-native-country-flag

react-native-country-flag

Installations

Developer Guide

Yes

CommonJS

16.17.1

8.15.0

Score

Pull Requests

2

4

0

2

Issues

2

12

10

Releases

Unable to fetch releases

Languages

Developer

YannisHofmann

Download Statistics

GitHub Statistics

Bundle Size

611.00 B

400.00 B

Maintainers

Package Meta Information

Total Downloads

1,135,659

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dev Dependencies

react-native-country-flag

📖 Table of Contents

⬇️ Install package

💾 Data

Usage with remotely Fetched flags

Usage with flags directly Bundled into your codebase

🚩 Flag component (props)

📝 License

10

0

0

0

0

0

0

0

0

0

1.3

/10