react-native-emoji-container
Simple Emoji Picker for React Native Android and IOS
Installation
npm install react-native-emoji-container
Usage
import EmojiContainer from 'react-native-emoji-container';
<EmojiContainer />
Props
EmojiPicker Props
Prop | Type | Required | Default | Description |
---|
initialSelectedCategory | CategoriesTypes | No | smileys_emotion | Initial Emoji Category refere CategoriesTypes |
enableTitle | boolean | No | true | |
titleTextStyle | TextStyle | No | { fontSize: 16, color: '#000000' } | |
titleContainerStyle | ViewStyle | No | { padding: 10 } | |
emojisContainerStyle | ViewStyle | No | | |
tabBarProps | EmojiTabBarProps | No | | |
mainContainerStyle | ViewStyle | No | { flex: 1, paddingVertical: 5 } | |
singleEmojiContainerStyle | ViewStyle | No | | |
emojisContainerWidth | number | No | Dimensions.get('window').width | |
numColumns | number | No | 8 | |
activeOpacity | number | No | 0.7 | |
enableTabBar | boolean | No | true | |
tabBarPosition | top or bottom | No | top | |
onPressEmoji | Function | No | | Its called when click an emoji and it returns the EmojiDataProp |
Types
CategoriesTypes
Values |
---|
recently_used , smileys_emotion , people_body , animals_natre , food_drink , travel_plaes , activities , objects , symbols , flags , search |
EmojiTabBarProps
Prop | Type | Required | Default | Description |
---|
selectedTabBackgroundColor | string | No | #e3e1d8 | |
unSelectedTabBackgroundColor | string | No | #ffffff | |
singleTabStyle | ViewStyle | No | | |
tabContainerStyle | ViewStyle | No | | |
activeOpacity | number | No | 0.7 | |
EmojiDataProp
Key | Type |
---|
emoji | string |
name | string |
v | string |
toneEnabled | boolean |
Contributing
See the contributing guide to learn how to contribute to the repository and the development workflow.
License
MIT
Made with create-react-native-library