0.1.7 • Published 12 months ago

@rodrigo2392/react-native-emoji-modal v0.1.7

Weekly downloads
-
License
MIT
Repository
github
Last release
12 months ago

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 themedark theme
npm.ionpm.io

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

PropTipoDefectoDescripción
columnsnumber10Cantidad de emojis a mostrar por fila
onSelectfuncFunción llamada al seleccionar el emoji.
setVisiblefuncFunción para cerrar el modal, debe pasar un bool como arg
visibleboolfalseEstado del modal
languageestring"es"Lenguage para buscar emojis, es(español) o en(inglés)
noResultTextestring"Ningún resultado"Texto para indicar que no hay resultados de búsqueda
searchPlaceholderestring"Buscar emoji"Texto de placeholder para el campo de búsqueda
darkboolfalseAplica un modo oscuro a los elementos
opacitynumber0.5Opacidad del fondo 0 - 1
zIndexnumber99999zIndex para el modal completo

Licencia

MIT

0.1.7

12 months ago

0.1.6

12 months ago

0.1.5

12 months ago

0.1.4

12 months ago

0.1.3

12 months ago

0.1.2

12 months ago

0.1.1

12 months ago

0.1.0

12 months ago