Référence SDK

Ondes.UI

Contrôlez l'interface native avec des toasts, modales, drawers et plus.

Le module Ondes.UI permet de contrôler l'interface native de l'application hôte avec des options de personnalisation avancées.

showToast(options)

Affiche une notification temporaire en bas de l'écran.

Paramètre	Type	Description
`message`	String	Texte à afficher.
`type`	String	`'info'`, `'success'`, `'error'`, `'warning'`.
`duration`	Number	Durée en ms (défaut: 3000).
`position`	String	`'top'` ou `'bottom'` (défaut).
`backgroundColor`	String	Couleur personnalisée (hex).
`bold`	Boolean	Texte en gras.

await Ondes.UI.showToast({
    message: class="code-string">"Sauvegarde effectuée !",
    type: class="code-string">"success",
    duration: 4000,
    bold: true
});

showAlert(options)

Affiche une boîte de dialogue modale informative.

Paramètre	Type	Description
`title`	String	Titre de la modale.
`message`	String	Contenu du message.
`buttonText`	String	Texte du bouton (défaut: "OK").
`icon`	String	Nom de l'icône.
`iconColor`	String	Couleur de l'icône (hex).
`borderRadius`	Number	Rayon des coins (défaut: 16).
`dismissible`	Boolean	Fermer en cliquant à l'extérieur (défaut: true).

await Ondes.UI.showAlert({
    title: class="code-string">"Maintenance",
    message: class="code-string">"Le serveur sera indisponible ce soir.",
    buttonText: class="code-string">"J'ai compris",
    icon: class="code-string">"warning",
    iconColor: class="code-string">"#f59e0b"
});

showConfirm(options)

Affiche une boîte de confirmation avec deux choix. Retourne Promise<Boolean>.

Paramètre	Type	Description
`title`	String	Titre.
`message`	String	Question posée à l'utilisateur.
`confirmText`	String	Texte du bouton de validation.
`cancelText`	String	Texte du bouton d'annulation.
`confirmColor`	String	Couleur du bouton de confirmation.
`icon`	String	Icône affichée.

const ok = await Ondes.UI.showConfirm({
    title: class="code-string">"Supprimer",
    message: class="code-string">"Êtes-vous sûr de vouloir supprimer cet élément ?",
    confirmText: class="code-string">"Oui, supprimer",
    cancelText: class="code-string">"Annuler",
    confirmColor: class="code-string">"#ef4444",
    icon: class="code-string">"delete"
});

if (ok) {
    deleteItem();
}

showInputDialog(options)

Affiche une boîte de dialogue avec un champ de saisie. Retourne Promise<String|null>.

Paramètre	Type	Description
`title`	String	Titre.
`message`	String	Message explicatif.
`placeholder`	String	Texte indicatif dans le champ.
`keyboardType`	String	`'text'`, `'email'`, `'number'`, `'phone'`, `'url'`.
`obscureText`	Boolean	Masquer le texte (mot de passe).
`maxLength`	Number	Longueur maximale.
`prefixIcon`	String	Icône au début du champ.

const name = await Ondes.UI.showInputDialog({
    title: class="code-string">"Nouveau dossier",
    message: class="code-string">"Entrez le nom du dossier",
    placeholder: class="code-string">"Mon dossier",
    prefixIcon: class="code-string">"folder",
    confirmText: class="code-string">"Créer",
    maxLength: 50
});

if (name) {
    createFolder(name);
}

PrécédentVue d'ensemble Suivant Ondes.User