Como fazer: Acionar o Diálogo Nativo de Compartilhamento

Publicado em 31. agosto 2025 por Jan Bunk


Android e iOS oferecem um diálogo nativo de compartilhamento para texto, arquivos e mais. Se tu quiser usar isso no teu app, pode acionar o diálogo de compartilhamento via JavaScript.

Assim é o diálogo de compartilhamento no Android:

Uma captura de tela do diálogo nativo de compartilhamento do Android com o texto

E esse é o diálogo de compartilhamento do iOS:

Uma captura de tela do diálogo nativo de compartilhamento do iOS com o texto

Usando a função do JavaScript

Recomendamos que verifique a função executeWhenAppReady() do nosso script auxiliar de aplicação. Ele garante que seu site não tente interagir com o aplicativo antes que ele esteja pronto ou quando o site for carregado usando um navegador comum (ReferenceError, a função não está definida).

shareText

Usa essa função pra acionar o diálogo nativo de compartilhamento e compartilhar o texto que tu quiser.


<script>
    try {
        // returns a list of objects representing the menu items
        shareText("Check out this awesome website: https://webtoapp.design/");
    }
    catch (e) {
        // Can occur if:
        // - the app couldn't connect to the native code. Should be very unlikely.
        console.log(e);
    }
</script>
    

Modificando o Menu do App

Aqui está uma lista de documentação de desenvolvedores relacionada a como mudar dinamicamente o menu do app. Certifique-se de que está vendo a documentação aplicável ao layout do seu app.