@rodrigo2392/react-native-emoji-modal

Resumen

Biblioteca de react native para desplegar un modal y seleccionar un emoji, con búsqueda en inglés o español. Basado en el repositorio https://github.com/Majiedo/react-native-emojis-picker

light theme	dark theme

Instalación

npm install @rodrigo2392/react-native-emoji-modal

Uso

Se utiliza la biblioteca https://github.com/gorhom/react-native-portal así que deberás agregar el proveedor en el tope de tu aplicación, si ya estás usando esta biblioteca no será necesario

import {
  EmojiModal,
  EmojiProvider,
} from '@rodrigo2392/react-native-emoji-modal';
// ...

    <EmojiProvider>
        <App>
    </EmojiProvider>

// ....
    <EmojiModal
        columns={12}
        onSelect={(val: string) => {
            setEmoji(val);
            setVisible(false);
        }}
        setVisible={setVisible}
        visible={visible}
    />

Props

Prop	Tipo	Defecto	Descripción
columns	number	10	Cantidad de emojis a mostrar por fila
onSelect	func		Función llamada al seleccionar el emoji.
setVisible	func		Función para cerrar el modal, debe pasar un bool como arg
visible	bool	false	Estado del modal
language	estring	"es"	Lenguage para buscar emojis, es(español) o en(inglés)
noResultText	estring	"Ningún resultado"	Texto para indicar que no hay resultados de búsqueda
searchPlaceholder	estring	"Buscar emoji"	Texto de placeholder para el campo de búsqueda
dark	bool	false	Aplica un modo oscuro a los elementos
opacity	number	0.5	Opacidad del fondo 0 - 1
zIndex	number	99999	zIndex para el modal completo

Licencia

MIT