Ionic 5: Features Make it More Famous
Ionic is in the industry from 2013 and from every update it becomes more famous and likable by the mobile app developers.
Again Ionic came with new updates which are making the developers experience more easy and attractive.
Let go through the updated features of the latest release of the ionic is ionic 5.
Public Animations and Gesture API:
One of the most improvements of Ionic 5 is Public Animations and Gesture API. Ionic supports the new API for creating custom animations as well.
Easier customization with CSS Variables: Ionic makes the customization easy for the CSS variable. It allows the value of CSS variable get store at one place and can be accessible to the multiple places.
Revamped Ionicons: Ionic 5 refurbished the whole icons of the native ios to match the ios’s latest released icons.Quantity icons are added to benefit you to get icons you need for your project.
Rather than to a platform specific variants for each icon ionic team are provided the appearance variants (filled, outline, and sharp) for each icon.
No auto-switching for platform specificity when using Ionicons in an Ionic Framework app.Could be able to adjust the stroke weight via CSS for icons that use the outline variant.
Updated component design to match the latest iOS and Material spec:
IOS Design: Apple updated the design of components and released the iOS 13 which leads us to updates of our own. We have made the changes in our design to match the native iOS.
Must Read: How to support Dark Mode for iOS 13 using asset catalog colors?
Segment: As iOS Segment design changed extremely from the previous ios versions. To match those segment changes ionic releases the version 5.
Header: ios launches the collapsible header and distinct size of titles in their latest release so to support the titles and collapsible header ionic add on the properties that could easily cooperate with the header & title components to get shrinking large titles, small titles, and collapsible buttons.
Large & Small Title: With the ios new released version’s small and large title ionic made the changes in the framework to become supportive to them in native ios. Small titles generally used inside of a toolbar above another toolbar that contains a standard-sized title. Titles can be used without collapsing as well.
Swipe to Close Modal: In the ionic version 5 new feature swipe to close the model include to support the native ios gesture.
Menu Overlay Type: As per the ios updated a iOS design features a menu that will overlay the content with an updated animation is updated in the ionic version 5.
Refresher: A refresher icon is updated as per the ios new version updates come.
List Header: ListHeaders are styled to be stand-out from the rest of the list items.
Ionic Animations : Ionic 5 supports the chain-able API that declares the animation properties with ease. Ionic animations are created manually and use the low CPU and Low battery uses.
Updated Ionic colors: Ionic updated the new colors by default. Updated colors will automatically update in your application. If and only your app is created with Angular or React starter, the colors are defined in the theme/variables.scss file and will need to be updated manually. Updated colors have code which can be copied and pasted as per the requirement for the dark dark and light mode.
Ivy, Angular’s renderer support: Ionic’s new update is fully supporting the Ivy and Angular’s new renderer. Ivy allows apps to only require pieces of the renderer that they actually need, instead of the whole code or section which leads to the compact output and for the performance of loading.
Conclusion:
As we saw the features of ionic 5 which are added to make the code compatible to the iOS latest release iOS 13 , and extra features added to make the application more attractive and performance better.
