{"id":26316738,"url":"https://github.com/forwardsoftware/react-native-flags-kit","last_synced_at":"2025-03-15T13:16:39.645Z","repository":{"id":57682269,"uuid":"480043996","full_name":"forwardsoftware/react-native-flags-kit","owner":"forwardsoftware","description":"React Native Flag component with all the flags in the world","archived":false,"fork":false,"pushed_at":"2022-04-10T15:21:35.000Z","size":3270,"stargazers_count":0,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-06T03:16:39.144Z","etag":null,"topics":["android","expo","flags","ios","react-native","typescript"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/forwardsoftware.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2022-04-10T14:35:09.000Z","updated_at":"2022-04-10T15:24:30.000Z","dependencies_parsed_at":"2022-09-10T15:02:09.146Z","dependency_job_id":null,"html_url":"https://github.com/forwardsoftware/react-native-flags-kit","commit_stats":null,"previous_names":["forwardsoftware/react-native-flags-kit","forward-software/react-native-flags-kit"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/forwardsoftware%2Freact-native-flags-kit","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/forwardsoftware%2Freact-native-flags-kit/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/forwardsoftware%2Freact-native-flags-kit/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/forwardsoftware%2Freact-native-flags-kit/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/forwardsoftware","download_url":"https://codeload.github.com/forwardsoftware/react-native-flags-kit/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243732253,"owners_count":20338839,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["android","expo","flags","ios","react-native","typescript"],"created_at":"2025-03-15T13:16:39.075Z","updated_at":"2025-03-15T13:16:39.635Z","avatar_url":"https://github.com/forwardsoftware.png","language":"TypeScript","readme":"# react-native-flags-kit\n\n\u003e React Native Flag component with all the flags in the world\n\n[![license](https://img.shields.io/github/license/Forward-Software/react-native-flags-kit.svg)](LICENSE) [![Build \u0026 Test](https://github.com/Forward-Software/react-native-flags-kit/actions/workflows/build-and-test.yml/badge.svg)](https://github.com/Forward-Software/react-native-flags-kit/actions/workflows/build-and-test.yml) [![Language grade: JavaScript](https://img.shields.io/lgtm/grade/javascript/g/Forward-Software/react-native-flags-kit.svg?logo=lgtm\u0026logoWidth=18)](https://lgtm.com/projects/g/forward-software/react-native-flags-kit/context:javascript) [![Github Issues](https://img.shields.io/github/issues/Forward-Software/react-native-flags-kit.svg)](https://github.com/forward-software/react-native-flags-kit/issues)\n\n[![npm](https://img.shields.io/npm/v/@forward-software/react-native-flags-kit)](https://npmjs.com/package/@forward-software/react-native-flags-kit) [![NPM downloads](https://img.shields.io/npm/dm/@forward-software/react-native-flags-kit.svg)](https://npmjs.com/package/@forward-software/react-native-flags-kit)\n\n![react-native-flags-kit-example.gif](https://github.com/Forward-Software/react-native-flags-kit/blob/main/.github/assets/react-native-flags-kit-example.gif)\n\n## Installation\n\n```sh\nyarn add @forward-software/react-native-flags-kit\n```\n\n## Usage\n\n```js\nimport { Flag } from '@forward-software/react-native-flags-kit';\n\n\u003cFlag code=\"DE\" size={32} /\u003e\n```\n\n## Props\n\n| Props | Type                                     | Required | Default | Description                                                                                                                |\n| :---- | :--------------------------------------- | :------: | :------ | :------------------------------------------------------------------------------------------------------------------------- |\n| code  | string                                   | **YES**  |         | [The ISO code of a flag](https://www.translatorscafe.com/cafe/ISO-3166-Country-Codes.htm), for example \"KH\", \"US\" or \"GB\". |\n| type  | `flat` or `shiny`                        |    No    | `shiny` | Display the flags with a shiny or flat effect.                                                                             |\n| size  | `16`, `24`, `32`, `48`, `64` or `number` |    No    | `64`    | The size of a flag in points (Note: Setting a different size will render the closest one - e.g. `17 -\u003e 16`, `29 -\u003e 32`).   |\n| style |                                          |    No    |         | Allows additional RN `Image` styles to be passed through.                                                                  |\n\n## Full Example\n\n```ts\nimport React, { Component } from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport { Flag } from '@forward-software/react-native-flags-kit';\n\nexport const App: React.FC = () =\u003e (\n  \u003cView style={styles.container}\u003e\n    \u003cFlag code=\"US\" size={64} /\u003e\n    \u003cFlag code=\"JP\" size={64} /\u003e\n    \u003cFlag code=\"CN\" size={64} /\u003e\n    \u003cFlag code=\"RU\" size={64} /\u003e\n    \u003cFlag code=\"KH\" size={64} /\u003e\n    \u003cFlag code=\"VN\" size={64} /\u003e\n    \u003cFlag code=\"SG\" size={64} /\u003e\n    \u003cFlag code=\"MY\" size={64} /\u003e\n  \u003c/View\u003e\n);\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n    justifyContent: 'center',\n    alignItems: 'center',\n    backgroundColor: '#F5FCFF',\n    fontSize: 30,\n  },\n});\n```\n\nFor a more complete example check the `example` folder.\n\n## Contributing\n\nSee the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.\n\n## Credits\n\nThis library is an update of [react-native-flags-kit](https://github.com/themodernjavascript/react-native-flags-kit) to make it work with latest React Native versions and fix old reported issues (e.g. [#1](https://github.com/themodernjavascript/react-native-flags-kit/issues/1))\n\n## License\n\nMIT\n\n---\n\nMade with ✨ \u0026 ❤️ by [ForWarD Software](https://github.com/Forward-Software) and [contributors](https://github.com/Forward-Software/react-native-flags-kit/graphs/contributors)\n\nIf you found this project to be helpful, please consider contacting us to develop your React and React Native projects.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fforwardsoftware%2Freact-native-flags-kit","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fforwardsoftware%2Freact-native-flags-kit","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fforwardsoftware%2Freact-native-flags-kit/lists"}