Überblick / Anleitung
Native UI verwenden
Stellen Sie Web-Steuerelemente nativ dar, während Zustand, Routing und Ereignisbehandlung in Ihrer App bleiben.
Das Capacitor-Plugin bietet drei Funktionen: integrierte native UI verwenden (derzeit iOS), Dynamic Color beziehen (derzeit Android) oder eigene native UI erstellen. Die Standardeinrichtung kombiniert die ersten beiden; dieses Kapitel behandelt die integrierten Steuerelemente.
Normale Steuerelemente und Vertical Bars sind standardmäßig aktiviert. Die Einrichtung verbindet auch die Layout-Benachrichtigungen des Geräts. Passen Sie danach die benötigten Steuerelemente und Verhaltensweisen an.
Das App-Verhalten in der Web-Schicht belassen
Das Web-Element beschreibt Zustand und Aktionen. Native UI stellt unterstützte Steuerelemente dar und leitet Interaktionen an die vorhandenen Web-Handler zurück. Routing, Validierung und Zustandsänderungen bleiben dort und werden nicht nativ dupliziert.
Von der vorhandenen Oberfläche ausgehen
Für die vollständige Ionic-Einrichtung verwenden Sie die Standardanleitung. Für native Steuerelemente allein wählen Sie unten das iOS-27-Theme, Ihr bestehendes Web-Theme oder HTML ohne Ionic. Dies sind Alternativen, keine aufeinanderfolgenden Schritte. Nicht unterstützte Steuerelemente bleiben im Web bedienbar; prüfen Sie ihre Ereignisbehandlung.
Eine Native-UI-Integration wählen
| Ionic-Einrichtung | Das iOS-27-Theme verwenden |
|---|---|
| Einrichtung mit bestehendem Theme | Ein bestehendes Web-Theme behalten |
| HTML-Einrichtung | HTML ohne Ionic verwenden |