Cómo añadir la función de compartir (share) en una app React Native

Tiempo de lectura: < 1 minuto

Hoy os voy a enseñar cómo añadir la función de compartir en una APP utilizando la función Share incluida en React Native.

Lo primero de todo es importar la librería:

import { Share } from "react-native";

Después añadimos la función para compartir en el Render de nuestra screen o component.

const shareData = async (customOptions) => {
        try {
            await Share.share(customOptions);
        } catch (error) {
            alert(error.message);
        }
    };

Y ahora añadimos la acción para compartir en el componente o botón.

onPress={async () => {
                    await shareData({
                        title: "Compartir",
                        message: "Texto/contenido compartido",
                        url: "www.url.com",
                    });
                }}

Se pueden incluir distintas opciones. Para más información https://reactnative.dev/docs/share

Deja un comentario