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