https://github.com/codewithreelofficial/react-native-flags-kit

React Native Flags Kit - React Native Flag component with all the flags in the world.
https://github.com/codewithreelofficial/react-native-flags-kit

android flag flags flags-kit ios mobile react react-component react-components react-flags react-native react-native-component

Last synced: about 2 months ago
JSON representation

React Native Flags Kit - React Native Flag component with all the flags in the world.

• Host: GitHub
• URL: https://github.com/codewithreelofficial/react-native-flags-kit
• Owner: codewithreelofficial
• License: mit
• Created: 2018-10-22T01:57:27.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2024-05-08T13:26:37.000Z (9 months ago)
• Last Synced: 2024-12-03T23:04:49.635Z (2 months ago)
• Topics: android, flag, flags, flags-kit, ios, mobile, react, react-component, react-components, react-flags, react-native, react-native-component
• Language: JavaScript
• Homepage:
• Size: 2.95 MB
• Stars: 8
• Watchers: 1
• Forks: 2
• Open Issues: 19
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# react-native-flags-kit

React Native Flags Kit - React Native Flag component with all the flags in the world. [![version](https://img.shields.io/npm/v/react-native-flags-kit.svg?style=flat-square)](https://www.npmjs.com/package/react-native-flags-kit) [![downloads](https://img.shields.io/npm/dm/react-native-flags-kit.svg?style=flat-square)](https://www.npmjs.com/package/react-native-flags-kit) [![license](https://img.shields.io/github/license/mashape/apistatus.svg?style=flat-square)](http://opensource.org/licenses/MIT).

![react-native-custom-keyboard-kit](./react-native-flags-kit.png)

## Installation

`$ npm install react-native-flags-kit --save`

## Usage

```javascript

import Flag from 'react-native-flags-kit';

```

## Full usage code

```javascript

import React, {Component} from 'react';

import {

  Platform,

  StyleSheet,

  View,

} from 'react-native';

import Flag from 'react-native-flags-kit';

type Props = {};

export default class App extends Component {

  render() {

    return (

      

        

        

        

        

        

        

        

        

      

    );

  }

}

const styles = StyleSheet.create({

  container: {

    flex: 1,

    justifyContent: 'center',

    alignItems: 'center',

    backgroundColor: '#F5FCFF',

    fontSize: 30,

  },

});

```

You can find the source code [here](./examples/FlagsKitBasic).

## Props

| Props | Type | Default | Description |

|:----------|:----------|:----------|:----------|

| code | string | | [The ISO code of a flag](https://www.translatorscafe.com/cafe/ISO-3166-Country-Codes.htm), for example "KH", "US" or "GB". |

| type | string (flat or shiny) | shiny | Display the flags shiny or flat. |

| size | number (16, 24, 32, 48 or 64) | 64 | The size of a flag in points (Note: Setting a size of any other values will cause and error). |

| style (optional) |  |  | Allows additional styles to be passed through. |

## Wrap Up

If you think any of the `react-native-flags-kit` can be improved, please do open a PR with any updates and submit any issues. Also, I will continue to improve this, so you might want to watch/star this repository to revisit.

## Contribution

We'd love to have your helping hand on contributions to `react-native-flags-kit` by forking and sending a pull request!

Your contributions are heartily ♡ welcome, recognized and appreciated. (✿◠‿◠)

How to contribute:

- Open pull request with improvements

- Discuss ideas in issues

- Spread the word

- Reach out with any feedback

## License

The MIT License [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)