Ionic Release: 4.4.0 Beryllium!
Well hello there you lovely people, I hope everything is going well! We’re happy to share that Ionic 4.4.0 (Beryllium) is available today 🎉. This release includes some new features, so let’s dive right in.
Given that this is a minor release, we’ve added some highly requested features from the community. These features were all pull requests from the community, so thank you to the following people on Github:
With that, let’s dive into some of these new features.
Cards as Buttons
Cards are the go-to piece of UI when you need to show a lot of information, but also make it visually appealing to users. With this in mind, card has been updated to accept a
button attribute which will apply the appropriate styles for both iOS and Android. On iOS, the card will now scale when activated (similar to the iOS App Store UI) and Android will get a ripple effect.
Open Method on Sliding Items
Sliding items are a great component when you want to have a lot of actions on an item, without overloading the item itself. Sometimes though, it may not be clear that an item could have these actions, and your users are left wondering what to do. Well, now developers can programmatically open a sliding item to reveal the item options!
Refined control over Pull-to-refresh
Pull to refresh is used quite a bit in apps, especially when wanting to load more data on user interaction. Some users have said that the pulling action happens too quickly and that it was hard to notice that the gestured had even been triggered. Well not anymore with the
pullFactor property. The
pullFactor allows devs to customize the speed of the pull in alignment with the drag of the content in order to trigger the refresh. This is better seen in an example:
Here, when the
pullFactor property is
0.2, it requires dragging the content further to cause the refresh action to happen. Meaning no more accidentally triggering a refresh and potentially losing your scroll position.
There’s plenty more bug fixes and enhancements in 4.4.0, so be sure to check out the full changelog for a complete list.