Forum for Ionic Framework, Capacitor, and everything cross-platform mobile app development related
Ionic Forum - Build cross-platform mobile apps with HTML, CSS, and ...
Embark on a transformative journey into mobile app development with “Ionic Framework Essentials: From Basics to Advanced Techniques.” This comprehensive guide is crafted to empower developers, whether newcomers to the Ionic ecosystem or seasoned professionals seeking to master advanced techniques. Dive into the heart of Ionic, unravel its foundational principles, and elevate your skills to ...
I have updated my app (Ionic 8, VueJs) to Capacitor 7 and noticed that the app doesn’t “respect” the system toolbar on tablets, instead the content (header) is squeezed behind the system toolbar, causing the toolbar title to be halfway cut off. Same goes for my ion-tab-bar - the icons in the tab bar look squeezed (scaled) down and the respective tab labels aren’t even visible. They ...
This category is for all posts related to modern Ionic Framework, including Ionic Angular, Ionic React, and Ionic Vue. This includes all versions of Ionic Framework, from 4.0 and up.
For anyone else struggling with the same issue, make sure to read this article carefully. For reference, I’m not using Ionic, only Capacitor. The main thing to watch out for is adding var(--safe-area-inset-top) and var(--safe-area-inset-bottom) to the correct components, since Ionic applies these automatically in most cases.
Connect Sqlite and create a table - Ionic Angular - Ionic Forum
For the sake of information but also SEO and keywords, if people are having issues with the android status bar and android navigation bar overlaying your app components; if the Android navigation buttons are overlaying Ionic Tabs, it’s due to edge to edge behaviour on Android 15. This plugin is a godsend. Thank you !