Meu Primeiro App com React Native - #21 Compartilhando o QRCode

Nesse tutorial faremos o compartilhamento do QRCode criado com React Native para que possamos usá-lo na impressora, web whatsapp, etc.

Compartilhamento do QRCode

O primeiro módulo que precisaremos é do FileSystem para controlar arquivos no nosso smartphone:

expo install expo-file-system

O segundo módulo necessário é o Sharing:

expo install expo-sharing

views/arearestrita/Cadastro.js

Precisamos importar os novos módulos e aplicar a função de compartilhamento.

import * as Sharing from 'expo-sharing';
import * as FileSystem from 'expo-file-system';

//Compartilhar o QRCode
async function shareQR()
{
    const image=config.urlRoot+'img/code.png';
    FileSystem.downloadAsync(
        image,
        FileSystem.documentDirectory+'.png'
    ).then(({uri})=>{
        Sharing.shareAsync(uri);
    });
    await Sharing.shareAsync();
}

Controller.js

No nosso backend (Controller.js) precisamos setar o arquivo estático para imagens.

app.use(express.static('assets'));

Por hoje é só! Sucesso nos códigos e na vida!

Precisa de aulas particulares? webdesignemfoco@gmail.com