Ionic Theme iOS 27 : une ergonomie iOS 27 pour vos apps Ionic

Par:
francoistonic

mar, 29/09/2026 - 15:20

Masahiko Sakakibara a développé un thème iOS 27 pour Ionic : ionic-theme-ios27. L'idée est de reprendre les principes UX introduits par iOS 27 dans vos apps Ionic. Il reprend ainsi les effets Liquid Glass dans plusieurs composants (toolbar et tab bar). Le thème gère les modes clair et sombre. Le thème inclut aussi les animations selon les interactions. Cela n'influence pas la gestion d'état qui reste à la charge du composant. 

"De nombreuses applications utilisent le thème par défaut d'Ionic comme base pour leur style. Si l'espacement et la forme des composants de cette base venaient à changer considérablement à chaque refonte du système d'exploitation, cela pourrait perturber le design des applications existantes. Les applications possédant leur propre identité visuelle n'ont d'ailleurs pas forcément besoin de suivre l'apparence du système d'exploitation." précise le développeur.

Pour éviter tout problème, les ergonomies iOS 26 et 27 sont séparées et dans des thèmes distincts car l'approche ergonomique varie entre les deux OS. 

Pour installer et tester le thème : npm install @rdlabo/ionic-theme-ios26 @rdlabo/ionic-theme-ios27

Pour en savoir plus : https://docs.rdlabo.dev/projects/ionic-theme-ios27#get-started