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

2顶
0踩

移动开发

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

2015-03-27 11:17 by 副主编 mengyidan1988 评论(2) 有6209人浏览
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有什么不同

发表评论

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

相关推荐

  • ReactNative移动开发工具-其他

    ReactNative可以基于目前大热的开源JavaScript库React.js来开发iOS和Android原生App。而且React Native已经用于生产环境——Facebook Groups iOS应用就是基于它开发的。 React Native的原理是在JavaScript中用React...

  • ReactNative移动开发工具 v0.71.7

    ReactNative可以基于目前大热的开源JavaScript库React.js来开发iOS和Android原生App。而且React Native已经用于生产环境——Facebook Groups iOS应用就是基于它开发的。 React Native的原理是在JavaScript中用React...

  • ReactNative移动开发工具 v0.63.4

    为您提供ReactNative移动开发工具下载，ReactNative可以基于目前大热的开源JavaScript库React.js来开发iOS和Android原生App。而且React Native已经用于生产环境——Facebook Groups iOS应用就是基于它开发的。React ...

  • ReactNative移动开发工具 v0.63.2

    为您提供ReactNative移动开发工具下载，ReactNative可以基于目前大热的开源JavaScript库React.js来开发iOS和Android原生App。而且React Native已经用于生产环境——Facebook Groups iOS应用就是基于它开发的。React ...

  • Android 原生开发、H5、React-Native开发特点

    　由于工作原因，由Android原生开发转向React Native开发，ReactNative是从去年5月份开始至今，最近公司想要使用Android+H5开发，在这里，找了一篇文章，说一下Android 原生开发、H5、React-Native开发特点。...

  • 使用React Native可以开发Window桌面应用了！

    Facebook 后来创建了 React Native 来开发跨平台原生移动应用程序，使用 React 作为开发人员的核心接口，这使他们能够使用基于 React 语法的单一代码库为 Android 和 iOS 构建原生移动应用程序。 React通常将其组件...

  • React Native：Facebook出品，可用JavaScript开发移动原生应用

    近日，在React.js 2015大会上，Facebook公布了即将开源的React Native，它基于开源框架React.js，并可用来开发iOS和Android原生应用。目前，Facebook已经将React Native投入到了实际生产环境中，并开发出了基于iOS...

  • Facebook发布React Native，用JavaScript开发移动原生应用

    React.js Conf 2015会议上，Facebook发布了React Native，可以基于目前大热的开源JavaScript库React.js来开发iOS和Android原生App。而且React Native已经用于生产环境——Facebook Groups iOS应用就是基于它开发的。...

  • 原生、混合、react-native应用对比分析

    原生开发、纯网页开发（H5开发）/混合开发（H5+原生）、React-Native开发 原生开发是系统自带的app开发方式，也是大部分人最熟悉app开发的技术，如android、ios、wp。 H5开发是Html5开发的app，本质上运行在手机...

  • React Native技术探究：开发高质量的跨平台移动应用的秘诀

    React Native是Facebook推出的一种基于React的开源跨平台移动应用开发框架，它能够通过JavaScript和React语言来进行移动应用的开发。AsyncStorage是React Native提供的一种简单的异步存储数据的方式，它类似于HTML5...

  • Android原生开发、H5、React-Native之间的利弊

    最近工作中接触到React-Native框架，对其进行一些技术分析，结合之前了解的H5的一部分，加上自己做了很久的原生开发（十几个android app、sdk，包括2个ios）, 总结下目前了解到的这三种移动端应用开发方式的特点和...

  • Android 原生开发、H5、React-Native使用利弊和场景技术分享

    最近工作中接触到React-Native框架，对其进行一些技术分析，结合之前了解的H5的一部分，加上自己做了很久的原生开发（十几个android app、sdk，包括2个ios）, 总结下目前了解到的这三种移动端应用开发方式的特点和...

  • 初识跨平台移动应用开发框架 - React Native

    React 与 React Native 框架...React 框架最早孵化于 Facebook 内部，作为内部使用的框架，在 2011 年的时候 React 框架被用于 Facebook 的新闻流，2012 年使用在了 Instagram 项目上。在 2013 年五月美国的 JSCon...

  • App开发：Vue Native vs. React Native

    随着移动应用开发框架数量的增加，2018年Vue Native的引入让开发者有能力使用Vue.js代码来创建React Native移动应用。 因为 Vue Native 围绕 React Native 包装了 Vue.js 语法，所以框架非常相似。例如，两者都是跨...

  • 使用JavaScript和React编写原生移动应用

    React Native使你只使用JavaScript也能编写原生移动应用。 它在设计原理上和React一致，通过声明式的组件机制来搭建丰富多彩的用户界面。 React Native产出的并不是“网页应用”， 或者说“HTML5应用”，又或者...

  • 手机app开发可选技术——React Native

    手机app开发可选技术——React Native

  • 【KUKA 机器人资料】：激光跟踪焊接机器人系统技术方案.pdf

    KUKA机器人相关资料

  • 基于Matlab的模拟退火算法在旅行商问题(TSP)优化中的应用及其实现

    内容概要：本文详细介绍了利用Matlab实现模拟退火算法来优化旅行商问题（TSP）。首先阐述了TSP的基本概念及其在路径规划、物流配送等领域的重要性和挑战。接着深入讲解了模拟退火算法的工作原理，包括高温状态下随机探索、逐步降温过程中选择较优解或以一定概率接受较差解的过程。随后展示了具体的Matlab代码实现步骤，涵盖城市坐标的定义、路径长度的计算方法、模拟退火主循环的设计等方面。并通过多个实例演示了不同参数配置下的优化效果，强调了参数调优的重要性。最后讨论了该算法的实际应用场景，如物流配送路线优化，并提供了实用技巧和注意事项。 适合人群：对路径规划、物流配送优化感兴趣的科研人员、工程师及高校学生。 使用场景及目标：适用于需要解决复杂路径规划问题的场合，特别是涉及多个节点间最优路径选择的情况。通过本算法可以有效地减少路径长度，提高配送效率，降低成本。 其他说明：文中不仅给出了完整的Matlab代码，还包括了一些优化建议和技术细节，帮助读者更好地理解和应用这一算法。此外，还提到了一些常见的陷阱和解决方案，有助于初学者避开常见错误。

  • 基于STM32的永磁同步电机Simulink代码生成与57次谐波抑制的霍尔FOC控制

    内容概要：本文详细介绍了如何利用Simulink进行自动代码生成，在STM32平台上实现带57次谐波抑制功能的霍尔场定向控制（FOC）。首先，文章讲解了所需的软件环境准备，包括MATLAB/Simulink及其硬件支持包的安装。接着，阐述了构建永磁同步电机（PMSM）霍尔FOC控制模型的具体步骤，涵盖电机模型、坐标变换模块（如Clark和Park变换）、PI调节器、SVPWM模块以及用于抑制特定谐波的陷波器的设计。随后，描述了硬件目标配置、代码生成过程中的注意事项，以及生成后的C代码结构。此外，还讨论了霍尔传感器的位置估算、谐波补偿器的实现细节、ADC配置技巧、PWM死区时间和换相逻辑的优化。最后，分享了一些实用的工程集成经验，并推荐了几篇有助于深入了解相关技术和优化控制效果的研究论文。 适合人群：从事电机控制系统开发的技术人员，尤其是那些希望掌握基于Simulink的自动代码生成技术，以提高开发效率和控制精度的专业人士。 使用场景及目标：适用于需要精确控制永磁同步电机的应用场合，特别是在面对高次谐波干扰导致的电流波形失真问题时。通过采用文中提供的解决方案，可以显著改善系统的稳定性和性能，降低噪声水平，提升用户体验。 其他说明：文中不仅提供了详细的理论解释和技术指导，还包括了许多实践经验教训，如霍尔传感器处理、谐波抑制策略的选择、代码生成配置等方面的实际案例。这对于初学者来说是非常宝贵的参考资料。

Global site tag (gtag.js) - Google Analytics