Today we are releasing React Native 0.36. Read on to learn more about what's new.
Headless JS #
To get started, define your async task in a dedicated file (e.g.
Next, register your task in on
Using Headless JS does require some native Java code to be written in order to allow you to start up the service when needed. Take a look at our new Headless JS docs to learn more!
The Keyboard API #
Working with the on-screen keyboard is now easier with
Keyboard. You can now listen for native keyboard events and react to them. For example, to dismiss the active keyboard, simply call
Animated Division #
Combining two animated values via addition, multiplication, and modulo are already supported by React Native. With version 0.36, combining two animated values via division is now possible. There are some cases where an animated value needs to invert another animated value for calculation. An example is inverting a scale (2x --> 0.5x):
b will then follow
a's spring animation and produce the value of
1 / a.
The basic usage is like this:
In this example, the inner image won't get stretched at all because the parent's scaling gets cancelled out. If you'd like to learn more, check out the Animations guide.
Dark Status Bars #
barStyle value has been added to
dark-content. With this addition, you can now use
barStyle on both iOS and Android. The behavior will now be the following:
default: Use the platform default (light on iOS, dark on Android).
light-content: Use a light status bar with black text and icons.
dark-content: Use a dark status bar with white text and icons.
...and more #
The above is just a sample of what has changed in 0.36. Check out the release notes on GitHub to see the full list of new features, bug fixes, and breaking changes.
You can upgrade to 0.36 by running the following commands in a terminal: