Modifier la taille de la Safe Area

Ajustez la Safe Area et activez la barre inférieure personnalisée pour que votre application web s'affiche parfaitement sur les iPhone dotés d'une barre d'accueil.

Le passage de l'iPhone 8 à l'iPhone X et aux modèles suivants a beaucoup changé l'interface utilisateur du secteur mobile en supprimant le bouton d'accueil et en introduisant la barre d'accueil. Selon la conception de votre application web, la barre de menu inférieure peut être mal positionnée sur les appareils dotés de la barre d'accueil (chevauchant le contenu) en raison du changement de la zone sûre par défaut.

La bonne nouvelle, c'est que WebViewGold propose une fonctionnalité qui vous permet d'activer une bottombar et de choisir sa couleur pour l'accorder au thème de votre application. Comme le problème de chevauchement de la barre d'accueil avec le contenu de l'app peut ne pas apparaître sur les iPad (en raison de l'écran plus grand et d'une mise en page potentiellement différente), il existe également une option pour désactiver la fonctionnalité sur les iPad.

Pour implémenter cette fonctionnalité, utilisez les variables suivantes dans Config.swift sous la rubrique « Custom Bottom Bar Design ». Assurez-vous de définir bottombar sur true.



Avancé : Au lieu d'utiliser la fonctionnalité bottombar, vous pouvez rechercher ce fragment de code (appuyez sur CMD+F puis saisissez « switch UIDevice.current.userInterfaceIdiom ») dans le fichier WebViewController.swift où vous pouvez remplacer la valeur de bordure 20 par la valeur souhaitée, comme 10, 30, etc., comme illustré ci-dessous :