Be more productive with the new Tabris 2.8.1
[UPDATE] Due to a regression in Tabris.js 2.8.0 we have released Tabris.js 2.8.1. The update fixes an Android issue in regards to fs.readFile()
and an iOS issue in conjunction with gradient backgrounds.
With the latest update to Tabris.js 2.8 we introduce several new features, which will help you to create better mobile apps. From added support for web standard formats like Blob
, File
and ImageBitmap
, to better layout control, to more Canvas features, the release has something in store for everybody.
64-bit support on Android
Starting in August 2019, you will be required to support 64-bit binaries when uploading an app to the Google Play Store. With Tabris.js 2.8 we provide full 64-bit compatibility on Android (Tabris.js 3.x is already 64-bit compatible).
Better Canvas
support with ImageBitmap
To draw an image on a Canvas you can now use an ImageBitmap
object. It can be constructed from multiple sources via the function createImageBitmap()
. The following snippet shows how to draw a PNG image onto a Canvas
.
1 2 3 4 |
fetch('resources/image.png') .then(response => response.blob()) .then(blob => createImageBitmap(blob)) .then(image => canvasContext.drawImage(image, 100, 100)); |
Added support for Blob
and File
The newly supported W3C standard object types Blob
and File
allow dealing with chunks of data in a better way. For example, the Blob
can be used to work with the result of a fetch() request.
1 2 3 |
fetch('resources/image.png') .then(response => response.blob()) .then(blob => console.log(blob.size())); |
New Widget
property absoluteBounds
The new property absoluteBounds
provides the widget bounds relative to the tabris.contentView
instead of the direct parent like existing bounds
property does.
ScrollView allows to observe scroll state
The ScrollView
adds the properties scrollXState
and scrollYState
which indicate whether the view is currently dragging, scrolling, or in a resting position. Matching change events are available to observe these state changes while in motion.
Get Started with Tabris.js 2.8
- Install the Tabris.js 2 developer app on your device
- Try out the examples bundled in this app
- Run your own code snippets from the playground, our online Tabris.js editor
To start developing real apps,
- Install the latest Tabris CLI on your machine:
npm install -g tabris-cli
- Type
tabris init
in an empty directory – this will create a simple example app - Type
tabris serve
and load it in the developer app
The documentation contains everything you need to know (tip: try the doc search). Beginners find a step-by-step guide in this ebook. If you have questions or comments, you’re also invited to join the community chat.
Feedback is welcome!
Want to join the discussion?Feel free to contribute!