Facebook React Native 中文教程

Facebook React Native 中文教程


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条)

  • 暂无评论

联系我们

400-800-8888

在线咨询: QQ交谈

邮件:admin@example.com

工作时间:周一至周五,9:30-18:30,节假日休息

关注微信