Latest Ionic Framework topics - Ionic Forum 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
Capactor 7 on Android - Toolbar and Tab Bar - display issue 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
Ionic Framework Essentials: From Basics to Advanced Techniques 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
Cordova-sqlite-storage 16kb support - Capacitor - Ionic Forum Hi thanks for the quick response, i have used a Cordova SQLite storage and l did manage to resolve the issue by installing the latest @awesome core and SQLite storage to latest Then finally included NDK 29 and build the App
Reliable Edge-to-Edge in Ionic 8 and Capacitor 7 I can’t claim to have things figured out, but I thought I would post what I think I know so far for anyone else in the same predicament I am happy to add corrections as needed I am new to mobile app dev, and have been fighting insets and status bars for a week - trying to get edge-to-edge to work without major bugs across a variety of Android versions and devices Since SDK 35+ enforces
Execution failed for task :capacitor-android . . . - Ionic Forum [capacitor] > Could not resolve all files for configuration ‘:capacitor-android:androidJdkImage’ [capacitor] > Failed to transform core-for-syst my original settings are gradle 8 5, AGP 8 2 0 and jDK 21…
Build Mobile Apps with Next. js 14, TypeScript, Tailwind CSS, Ionic, and . . . I posted a blog post about it Building Cutting-Edge Apps with Next js 14, TypeScript, Tailwind CSS, Ionic, and Capacitor - DEV Community you are welcome to read about it If you want directly to try it here is the link to the GitHub: GitHub - UretzkyZvi nextjs-typescript-tailwind-ionic-starter: A starting point for building iOS, Android, and Progressive Web Apps (PWA) with Tailwind CSS, React
Edge to edge Android - Ionic Framework - 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
SOLVED -–ion-safe-area has no effect on iOS - Ionic Forum Ionic 8 and Capacitor 6 with VueJS I’ve seen several posts around this issue, but unfortunately none of the proposed fixes work for me, or seem “the right way to do it” As I understand it, safe areas should be applied automatically to each device, ensuring for e g ion-header and ion-footer or ion-tabs to be displayed correctly However, in my app this isn’t the case at all Maybe I