New features roundup: in-app payments; video playback; toggling topbar and tabbar; icon gloss; minimum OS requirements
This week at Trigger we’re letting our teams run wild on their own projects with a ‘work on what you want’ sprint — we’ll post more about what becomes of that later on in the week.
Meanwhile, our dev team have completed their latest two-week sprint and have added some great new features to the platform. Here are the headlines:
In-app payments
This is our biggest update, and our most-requested in recent weeks. It’s a major feature, so we’ll post a detailed technical walkthrough on how to make sense of it soon — but details on getting started can be found in our documentation until then.
Reliable video playback
New API module media.videoPlay allows you to play video from a specified URL, which will display fullscreen on the device:
Define your video playback with:
media.videoPlay(url, success, error)
Disabling icon glossiness on iOS
You can define the icons your app uses in the config.json file (fully documented here), specifying different icons for different platforms as you wish. iOS applies a gloss effect to icons automatically, unless you command otherwise — to the great frustration of some. Now, setting prerendered to true in your icon module setting will turn this off:
{
"modules": {
"icons": {
"android": {
"16": "icon16.png",
"32": "icon32.png",
"48": "icon48-android.png"
},
"ios": {
"57": "icon57.png",
"72": "icon72-ios.png"
"114": "icon114.png",
"prerendered": true
}
}
}
}
Show/hide tabbar and topbar programmatically
In v1.3 we added support for native tabbar and topbar components — with calls for adding and removing buttons and titles, and modifying the tint, across platforms on the fly. We’ve now added commands for showing and hiding the top and tabbar altogether.
On mobile platforms both the topbar and the tabbar will be shown by default. You can hide them with topbar.hide() and tabbar.hide(), and reshow with topbar.show() and tabbar.show(). Details can be found in the tabbar module and topbar module pages of the docs.
Specifying minimum required iOS/Android versions
You can now specify the minimum versions of iOS and Android you’ll allow your app to run on. Configure these requirements in your config.json file:
{
"requirements": {
"android": {
"minimum_version": "6"
},
"ios": {
"minimum_version": "4.3"
}
}
}

