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

2顶
0踩

移动开发

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

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

  • 基于FPGA的四相八拍步进电机控制系统设计：集成交付、正反转、加速减速及调速功能

    内容概要：本文详细介绍了基于FPGA的四相八拍步进电机控制系统的开发过程。主要内容包括：1. 使用VHDL和Verilog编写LED显示屏驱动代码，用于显示角度、学号和姓名等信息；2. 实现步进电机的正反转控制，通过状态机管理相序变化；3. 开发加速减速控制模块，确保电机启动和停止时的平稳性；4. 设计调速功能，通过调节脉冲频率实现速度控制。此外，文中还讨论了调试过程中遇到的问题及其解决方案。 适合人群：对FPGA开发和步进电机控制感兴趣的电子工程师、嵌入式系统开发者以及相关专业的学生。 使用场景及目标：适用于需要高精度运动控制的应用场合，如工业自动化、机器人技术和精密仪器等领域。目标是帮助读者掌握FPGA控制步进电机的基本原理和技术细节。 其他说明：文中提供了详细的代码片段和调试经验分享，有助于读者更好地理解和应用所学知识。同时，作者还提到了一些实用技巧，如通过PWM调节实现多级变速，以及如何避免步进电机的共振问题。

  • Android开发：基于SQLite的日历备忘录记事本项目详解与实现

    内容概要：本文详细介绍了基于Android Studio开发的日历备忘录记事本项目，涵盖日历查看、添加备忘录、闹钟提醒和删除备忘录等功能。项目使用SQLite数据库进行数据存储，通过CalendarView、EditText、Button等控件实现用户交互，并利用AlarmManager和PendingIntent实现闹钟提醒功能。此外，项目还包括数据库的设计与管理，如创建DatabaseHelper类来管理数据库操作，确保数据的安全性和完整性。文章还探讨了一些常见的开发技巧和注意事项，如时间戳的使用、手势监听的实现等。 适用人群：适用于初学者和有一定经验的Android开发者，尤其是希望深入了解Android开发基础知识和技术细节的人群。 使用场景及目标：该项目旨在帮助开发者掌握Android开发的基本技能，包括UI设计、数据库操作、闹钟提醒机制等。通过实际项目练习，开发者能够更好地理解和应用这些技术，提升自己的开发能力。 其他说明：文中提到一些进阶任务，如用Room替换SQLite、增加分类标签、实现云端同步等，鼓励开发者进一步扩展和优化项目。同时，项目源码公开，便于学习和参考。

  • Matlab实现基于SVM-Adaboost支持向量机结合Adaboost集成学习时间序列预测的详细项目实例（含完整的程序，GUI设计和代码详解）

    内容概要：本文档详细介绍了一个基于SVM（支持向量机）和Adaboost集成学习的时间序列预测项目。该项目旨在通过结合这两种强大算法，提升时间序列预测的准确性和稳定性。文档涵盖了项目的背景、目标、挑战及其解决方案，重点介绍了模型架构、数据预处理、特征选择、SVM训练、Adaboost集成、预测与误差修正等环节。此外，文档还探讨了模型在金融市场、气象、能源需求、交通流量和医疗健康等多个领域的应用潜力，并提出了未来改进的方向，如引入深度学习、多任务学习、联邦学习等先进技术。 适合人群：具备一定机器学习基础的研究人员和工程师，特别是那些从事时间序列预测工作的专业人士。 使用场景及目标：①用于金融市场、气象、能源需求、交通流量和医疗健康等领域的复杂时间序列数据预测；②通过结合SVM和Adaboost，提升预测模型的准确性和稳定性；③处理噪声数据，降低计算复杂度，提高模型的泛化能力和实时预测能力。 其他说明：文档不仅提供了详细的理论解释，还附有完整的Matlab代码示例和GUI设计指导，帮助读者理解和实践。此外，文档还讨论了模型的部署与应用，包括系统架构设计、实时数据流处理、可视化界面、GPU加速推理等方面的技术细节。

Global site tag (gtag.js) - Google Analytics