2024年5月3日发(作者:)
Facebook React Native
Facebook 在 Conf 2015 大会上推出了基于 JavaScript 的开源框架 React
Native,本中文教程翻译自 React Native 官方文档。
React Native 结合了 Web 应用和 Native 应用的优势,可以使用 JavaScript 来开发 iOS 和
Android 原生应用。在 JavaScript 中用 React 抽象操作系统原生的 UI 组件,代替 DOM
元素来渲染等。
React Native 使你能够使用基于 JavaScript 和 React 一致的开发体验在本地平台上构建世
界一流的应用程序体验。React Native 把重点放在所有开发人员关心的平台的开发效率上
——开发者只需学习一种语言就能轻易为任何平台高效地编写代码。Facebook 在多个应
用程序产品中使用了 React Native,并将继续为 React Native 投资。
React Native 入门
原生的 iOS 组件
有了 ReactNative,你可使用标准平台组件,比如 iOS 平台上的 UITabBar 和
UINavigationController。这可以让你的应用程序拥有和原生平台一致的外观和体验,并保
持较高的品质。使用相应的 React 组件,如 iOS 标签栏和 iOS 导航器,这些组件可以轻
松并入你的应用程序中。
var React = require('react-native');
var { TabBarIOS, NavigatorIOS } = React;
var App = Class({
render: function() {
return (
< title="React Native" selected={true}>
>
1
);
},
});
异步执行
JavaScript 应用代码和原生平台之间所有的操作都是异步执行,并且原生模块也可以使用
额外线程。这意味着我们可以解码主线程图像,并将其在后台保存至磁盘,在不阻塞 UI
的情况下进行文本和布局的估量计算,等等。因此,React Native 应用程序的流畅度和响
应性都非常好。通信也是完全可序列化的,当运行完整的应用程序时,这允许我们使用
Chrome Developer Tools 来调试 JavaScript,或者在模拟器中,或者在真机上。
见 调试
2
发布者:admin,转转请注明出处:http://www.yc00.com/news/1714746049a2507508.html
评论列表(0条)