0.36: Headless JS,键盘 API 及更多
·3 分钟阅读
今天我们发布了 React Native 0.36。请继续阅读以了解更多新内容。
Headless JS
Headless JS 是一种在你的应用在后台运行时在 JavaScript 中运行任务的方式。例如,它可以用于同步新数据、处理推送通知或播放音乐。目前,它仅在 Android 上可用。
要开始使用,请在一个专用文件(例如 SomeTaskName.js
)中定义你的异步任务
module.exports = async taskData => {
// Perform your task here.
};
接下来,在 AppRegistry
中注册你的任务
AppRegistry.registerHeadlessTask('SomeTaskName', () =>
require('SomeTaskName'),
);
使用 Headless JS 确实需要编写一些原生 Java 代码,以便允许你在需要时启动服务。查看我们新的 Headless JS 文档 以了解更多信息!
键盘 API
使用屏幕键盘现在通过 Keyboard
变得更加容易。你现在可以监听原生键盘事件并对其作出反应。例如,要关闭活动的键盘,只需调用 Keyboard.dismiss()
import {Keyboard} from 'react-native';
// Hide that keyboard!
Keyboard.dismiss();
动画除法
React Native 已经支持通过加法、乘法和模运算组合两个动画值。在 0.36 版本中,现在可以通过除法组合两个动画值。在某些情况下,动画值需要反转另一个动画值来进行计算。一个例子是反转比例 (2x --> 0.5x)
const a = Animated.Value(1);
const b = Animated.divide(1, a);
Animated.spring(a, {
toValue: 2,
}).start();
然后 b
将跟随 a
的弹簧动画并产生 1 / a
的值。
基本用法如下
<Animated.View style={{transform: [{scale: a}]}}>
<Animated.Image style={{transform: [{scale: b}]}} />
<Animated.View>
在这个例子中,内部图像根本不会被拉伸,因为父级的缩放被抵消了。如果你想了解更多信息,请查看动画指南。
深色状态栏
一个新的 barStyle
值已添加到 StatusBar
:dark-content
。通过此添加,你现在可以在 Android 和 iOS 上使用 barStyle
。现在的行为将如下所示
default
:使用平台默认值(iOS 上为浅色,Android 上为深色)。light-content
:使用带有黑色文本和图标的浅色状态栏。dark-content
:使用带有白色文本和图标的深色状态栏。
...及更多
以上只是 0.36 版本中更改内容的一个示例。查看 GitHub 上的发行说明 以查看新功能、错误修复和重大更改的完整列表。
你可以通过在终端中运行以下命令来升级到 0.36
$ npm install --save react-native@0.36
$ react-native upgrade