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