您的位置:起点软件下载编程工具React Native

React Native调试工具下载 v0.42.3 中文官方版

软件大小:23142KB

用户评分:

软件类型:国产软件

运行环境:Win All

软件语言:简体中文

软件分类:编程工具

更新时间:2019/3/16 14:15:43

授权方式:免费软件

插件情况:无 插 件

React Native是一款由React框架扩展而来的用于移动应用开发的软件,这款软件使用了Javascript语言,所以说熟悉web前端的用户能够很轻松到掌握该软件,并能够大大将移动应用开发的难度。

React Native

【基本介绍】

React Native官方版是利用脚本语言进行原生平台开发的一次成功尝试,降低了前端开发者入门移动端的门槛,使你能够在Javascript和React的基础上获得完全一致的开发体验,构建世界一流的原生APP。React Native官方版着力于提高多平台开发的开发效率 —— 仅需学习一次,编写任何平台。


【官方介绍】

React Native (简称RN)是Facebook于2015年4月开源的跨平台移动应用开发框架,是Facebook早先开源的JS框架 React 在原生移动应用平台的衍生产物,目前支持iOS和安卓两大平台。RN使用Javascript语言,类似于HTML的JSX,以及CSS来开发移动应用,因此熟悉Web前端开发的技术人员只需很少的学习就可以进入移动应用开发领域。


【特色介绍】

原生的iOS组件
React Native主张“Learn once, write everywhere”而非其他跨平台工具一直宣扬的“Write once, run everywhere”。通过React Native,开发者可以使用UITabBar、UINavigationController等标准的iOS平台组件,让应用界面在其他平台上亦能保持始终如一的外观、风格。

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

触摸处理
React Native引入了一个类似于iOS上Responder Chain响应链事件处理机制的响应体系,并基于此为开发者提供了诸如TouchableHighlight等更高级的组件。


【功能介绍】

1.用于为iOS,Android和Windows平台编写真实,本地渲染移动应用程序的框架。
2.使用桥接器将所有JavaScript代码转换为目标设备的本机语言(Android上的Java和iOS上的Objective-C)。
3.使用与常规iOS和Android应用程序相同的标准UI构建块。
4.通过统一的开发团队为Web和移动应用程序提供快速高效的移动解决方案。
5.用于构建流行的应用程序,如Facebook,Instagram,Skype,Airbnb,沃尔玛,特斯拉等等。


【安装步骤】

安装Android SDK(可借助类似Android Studio安卓开发软件来完成);
需要配置path,加入如:E:\Android\sdk\platform-tools;E:\Android\sdk\tools;E:\Android\sdk;




安装node.js
由于nodejs中使用GYP进行项目构建管理,而GYP是基于Python的构建工具。因此,需要先安装Python。此外,在Windows系统下,nodejs采用GYP来生成Visual Studio Solution文件后,需要通过C++的编译器将其编译为二进制文件。因此,又需要先安装C++编译环境。最后,安装nodejs【墙裂建议选择stable稳定版】。一系列安装完成后,进入cmd,输入"npm"指令后回车,出现形同以下画面内容,则安装成功。
需要配置path,加入如:E:\Android\Python27;C:\Users\che\AppData\Roaming\npm;


安装git
git可先不安装,若后续步骤皆安装完毕后。执行react native指令抛错,可考虑是否是这个原因造成。我之前为了排错把这个装上了,结果是nodejs版本问题。所以git是否有影响暂不清楚。故此处标*,望大神日后补充。

安装react-native
在cmd中输入:npm install -g react-native-cli,回车。 【在此之前可将npm切换至国内镜像:npm config set registry https://registry.npm.taobao.orgnpm config set disturl https://npm.taobao.org/dist】

项目初始化
cd选择你想要存放项目的目录下,执行:react-native init cheProject(项目名称),回车。这个过程比较慢,至少10分钟以上。当出现以下画面,恭喜您。


真机调试
手机通过USB连接电脑,切换成调试模式后。在cmd中输入:adb devices,可查看设备是否接入成功。安卓系统版本大于5.0的直接执行:adb reverse tcp:8081 tcp:8081,实现端口代理配置。【小于5.0参考】cd至刚才初始化成功的项目目录下,执行:react-native run-android,初次执行react-native需要下载一些文件等,编译完成后会自动一个以你的项目命名的APP至你的手机上。




【使用方法】

一、react-native运行Android项目

打开Android的开发工具,并打开


进入studio主界面后,打开用react-native生成的Android项目


需要特别注意的是这一步,犯了几次错,一定要选择这个Android项目下的app,用这个作为根目录


打开后成功的界面应该是这样的


最后可以用模拟器运行了



二、react-native中修改项目的android的工程的包名

先看下默认的RN中android中的包名


目的将包名修改为com.yunkuangji.www
修改包名需要修改的地方android/app/src/main/AndroidManifest.xml


修改android/app/BUCK中的两个package值




修改android/app/build.gradle其中的applicationID




移动文件


将文件的包名修改为com.yunkuangji.www


【注意事项】

1.React Native现在使用Babel7。升级到0.56时,请确保将其升级到react-native-babel-presetv5或更新版本。如果你有使用到,请及时更新,因为Babel 7不向后兼容。
2.node 8现在是最低要求的版本。
3.iOS 9现在是最低要求的版本。任何可以运行iOS 8的设备都可以升级到iOS 9
4.WebView 只会默认加载http(s)网址,默认情况下会禁用geolocation。
5.为几个组件添加流类型。我们正在迁移PropTypes和运行时检查,而不是依靠Flow。在本发行版中,您会注意到与Flow有关的许多改进。
6.修复较新的Xcode版本的项目设置警告,删除不必要的控制台日志记录。
7.很多错误修复。
8.Facebook内部团队目前正在重写一些核心架构。这是一项正在进行的工作,我们并不期望在近期版本中使用它,但我们觉得有必要让你知道那些提到Fabric的提交者。