Zo doe je dat: het native deelvenster openen

Geplaatst op 31. augustus 2025 door Jan Bunk


Android en iOS bieden een native deelvenster voor tekst, bestanden en meer. Als je dat in je app wilt gebruiken, kun je het deelvenster via JavaScript openen.

Zo ziet het deelvenster eruit op Android:

Een screenshot van het native Android-deelvenster met de tekst

En dit is het iOS-deelvenster:

Een screenshot van het native iOS-deelvenster met de tekst

De JavaScript-functie gebruiken

Je zou eens kunnen kijken naar de executeWhenAppReady() functie van ons app-helper script. Het zorgt ervoor dat je website niet probeert te communiceren met de app voordat deze klaar is of wanneer je website wordt geladen met een gewone browser (ReferenceError, functie is niet gedefinieerd).

shareText

Gebruik deze functie om het native deelvenster te openen en een tekst naar keuze te delen.


<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>
    

Het App-menu aanpassen

Hier is een lijst met gerelateerde ontwikkelaarsdocumentatie over het dynamisch wijzigen van het menu van de app. Zorg ervoor dat je degene bekijkt die van toepassing is op de lay-out van je app.