失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > React-Native与安卓原生的混合开发

React-Native与安卓原生的混合开发

时间:2022-03-14 04:57:32

相关推荐

React-Native与安卓原生的混合开发

写在前面

目前很多大厂APP(如淘宝、饿了么、美团等等)并不是纯原生Android&IOS,也不是纯JS开发,而是Hybird APP开发,混合型优势很多:比如热更新,保证在一些类似双十一的活动到来时能够快速上线活动页面,用户不必再去更新APP。再来有效地减小了安装包的体积大小,大部分的界面都位于服务器端,本地只需要进行绘制。

1. 新建Android项目

我这里使用之前的项目

2. 在项目根目录引入React-Native模块

在项目根目录打开终端(tip:按住shift + 右键,选择打开dos窗口)

输入

npm init

这里输入一些该项目的属性,为了生成package.json文件的项目描述。

接下来引入rn的一些模块文件

npm install --save react react-native

此时会在根目录生成一个node_modules文件夹,存的是RN的一些模块文件

结束后会输出一些日志信息,如果出现版本问题需要重新下载,因为react-native对react的版本有严格要求,高于或低于某个范围都不可以。

npm i -S react@某.某.某版本//此处为提示的版本号

接下来打开package.json文件,在scripts模块下添加

"start": "node node_modules/react-native/local-cli/cli.js start"

我的package.json文件

{"name": "plusclubrn","version": "1.0.0","description": "plusclub in rn","main": "index.js","scripts": {"test": "echo \"Error: no test specified\" && exit 1","start": "node node_modules/react-native/local-cli/cli.js start"},"repository": {"type": "git","url": "git+/WithLei/plusClub.git"},"keywords": ["react","native"],"author": "renly","license": "ISC","bugs": {"url": "https://gi

如果觉得《React-Native与安卓原生的混合开发》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。