0.1.7 • Published 12 months ago
@rodrigo2392/react-native-emoji-modal v0.1.7
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