README
react-native-flags-kit
Installation
$ npm install react-native-flags-kit --save
Usage
import Flag from 'react-native-flags-kit';
<Flag
code="DE"
size={32}
/>
Full usage code
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<Props> {
render() {
return (
<View style={styles.container}>
<Flag
code="KH"
size={16}
/>
<Flag
code="US"
size={32}
/>
<Flag
code="MY"
size={32}
/>
</View>
);
}
}
const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: 'center',
alignItems: 'center',
backgroundColor: '#F5FCFF',
fontSize: 30,
},
});
Props
Props | Type | Default | Description |
---|---|---|---|
code | string | The ISO code of a flag, 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. |
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