用JavaScript开发移动原生应用,Facebook正式开源React Native!

boyanx5个月前技术教程26

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

React Native主要特性如下:

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构建,不过也需要翻墙。

标签: iscroll.js

相关文章

不再需要 Javascript 做的五件事(js不需要编译)

作者:黄子毅有些功能用 Javascript 实现吃力不讨好,我们要综合使用技术工具,而不是只依赖 JS。这篇文章就从五个例子出发,告诉我们哪些功能不一定非要用Javascript做。关注 JS 太久...

有时你并不需要 JavaScript!(有时候 你需要的就只是20秒毫无理智的勇气)

通过阅读本文,希望你能意识到在项目中可以减少JavaScript的使用。原文链接:https://www.htmhell.dev/adventcalendar/2023/2/未经允许,禁止转载!作者...

小程序,自定义组件之间的引用,使用插槽扩展组件

接着上篇 小程序,组件与模板对比,及其简单使用 ,这篇我们继续说自定义组件。一.自定义组件之间的调用:首先,先按上篇的步骤建好scroll-comp组件,把index.wxml中的左右滑动图片部分代码...

取代JavaScript库的10个现代Web API及详细实施代码

为什么浏览器内置的API你还在用某个臃肿的Javascript库呢?用内置的API有什么好处呢?Web平台经历了巨大演进,引入了强大的原生API,不再需要臃肿的JavaScript库。现代浏览器现已支...

微信小程序新版scroll-view滑动组件上线

IT之家 12 月 28 日消息,微信安卓平台近日迎来了 8.0.32 测试版更新,根据微信官方的最新消息,该版本对小程序和小游戏进行了一些修复优化。小程序 优化蓝牙主机接口的报错信息,需关注蓝牙主机...

通过元素属性精准定位 input 元素实现文件上传的完整指南

引言在 Web 自动化测试中,文件上传是一个常见但常令人头疼的功能点。特别是当页面结构复杂,元素属性不明确时,如何精准定位文件上传的 input 元素成为关键挑战。本文将通过一个实际案例,详细介绍如何...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。