资讯频道 → 移动开发
阅读更多

2顶
0踩

移动开发

原创新闻 用JavaScript开发移动原生应用，Facebook正式开源React Native！

2015-03-27 11:17 by 副主编 mengyidan1988 评论(2) 有6155人浏览
facebook javascript React Native

声明：ITeye资讯文章的版权属于ITeye网站所有，严禁任何网站转载本文，否则必将追究法律责任！

在经过前一天Messenger应用平台、Parse物联网开发者工具等惊喜的轰炸，Facebook于今天凌晨在F8开发者大会上正式开源了React Native。不过目前，只有iOS版，Android版还需要再等一段时间，这是最新的用JavaScript语言开发原生App的尝试，其示例代码相当简洁，内置控件也不少。同时还为React Native开发了一款基于Atom的IDE——Nuclide，也已开源。



React Native主要特性如下：
  • 原生的iOS组件

React Native主张“Learn once, write everywhere”而非其他跨平台工具一直宣扬的“Write once, run everywhere”。通过React Native，开发者可以使用UITabBar、UINavigationController等标准的iOS平台组件，让应用界面在其他平台上亦能保持始终如一的外观、风格。 
var React = require('react-native'); var { TabBarIOS, NavigatorIOS } =
    React; var App = React.createClass({ render: function() { return ( <TabBarIOS>
    <TabBarIOS.Item title="React Native" selected={true}> <NavigatorIOS
    initialRoute={{ title: 'React Native' }} /> </TabBarIOS.Item>
    </TabBarIOS> ); }, });

  • 异步执行

JavaScript应用代码和原生平台之间所有的操作都采用异步执行模式，原生模块使用额外线程，开发者可以解码主线程图像、后台保存至磁盘、无须顾忌UI等诸多因素直接度量文本设计布局。



  • 触摸处理

React Native引入了一个类似于iOS上Responder Chain响应链事件处理机制的响应体系，并基于此为开发者提供了诸如TouchableHighlight等更高级的组件。 
var React = require('react-native'); var { ScrollView, TouchableHighlight,
        Text } = React; var TouchDemo = React.createClass({ render: function()
        { return ( <ScrollView> <TouchableHighlight onPress={() =>
        console.log('pressed')}> <Text>Proper Touch Handling</Text>
        </TouchableHighlight> </ScrollView> ); }, });

Facebook在React Native的主页上详细介绍了React Native的种种功能特性，想要了解更多细节，可直接进入主页查看，而其为React Native搭配的开源IDE Nuclide支持React Native、Web和原生移动开发，基于Atom构建，不过也需要翻 墙。



React Native Github托管地址：https://github.com/facebook/react-native
  • 大小: 16 KB
  • 大小: 28.9 KB
  • 大小: 101.6 KB
2
顶
0
踩
评论 共 2 条 请登录后发表评论
2 楼 uhvs 2015-03-30 13:03
不知道跟reapp 哪个更好用，特殊控件定制容易不？
1 楼 terrycong 2015-03-29 22:59
跟phonegap有什么不同

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Global site tag (gtag.js) - Google Analytics