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.
When using ionic-cli Tailwind is not working because ionic-cli does not use the package.json scripts to run and build the project, looks like it uses react-scripts directly. So could this lead to some problems when building the app for other platforms outside the web via ionic-cli ? There is no way to change this default behavior from ionic-cli ?
Hi, I have used Ionic in the past to create a mobile application and only encountered this issue with angular 19. Basically when I have this ionic layout component and in the past the header was correctly displayed in the safe area but in the new angular version the status bar or whatever notch the device have is displayed over the header. But it is not consistent and on some devices in works ...
Safe area issues after migrating to angular 19 - Ionic Angular - Ionic ...