![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react-native
踏雪-飞鸿
疾风之劲草
展开
-
React-native调用Android原生模块
准备工作:具体详情参考React-Native官方文档IDE: WebStorm 和Android Studio(webstorm不支持java高亮,所以用AS辅助下)demo放到github上了,有需要的可以参考一下. 下载demo1.为什么调用原生的一些东西? 有时候应用程序需要访问平台API,React Native目前还没有相应的模块。也许你想重用一些现有的Java...原创 2018-07-03 16:13:40 · 2209 阅读 · 0 评论 -
Unable to load script from assets 'index.android.bundle'. Make sure your bundle is packaged correctl
第一种:使用bundle命令:(缺点:后续没办法reload,只能重复生成bundle文件)1.在Android/app/src/main目录下创建一个空的assets文件夹2: 在工程根目录下数据bundle命令:react-native bundle --platform android --dev false --entry-file index.js --bundle-outp...原创 2018-07-30 10:59:46 · 1120 阅读 · 0 评论 -
RN和Android原生端通信
对于原生端自定义模块,注册模块,和RN层调用可以参考上一篇文章React-native调用Android原生模块. RN层和Native层通信有三种法式(CallBack,Promise,RCTDeviceEventEmitter),前两种是一对一关系由js一次调起native给出结果,RCTDeviceEventEmitter(事件)由native多次发起,会造成js多次接收,不推荐...原创 2018-07-31 11:14:55 · 1308 阅读 · 0 评论 -
react-native调用Android原生UI组件
当react-native的UI组件不能满足需求时,可以考虑在原生自定UI组件,让RN调用.使用原生UI所考虑的问题:一.原生UI被调用;二.修改原生UI属性值;三.捕捉原生UI的响应;四.RN向原生UI组件发消息;下面贴上代码,逐步分析,实现:1.在原生里自定义UI,创建本地模块封装. package com.firstapp.widget; import...原创 2018-10-28 11:09:03 · 1911 阅读 · 0 评论 -
Android原生集成react-native(-)
1.初始化,在Android terminal中键入:npm init2:安装相关mudulenpm install react react-native可以看到工程根目录下多了个node_modules目录,同时package.json中添加了配置信息可以在package.json中的scripts添加启动脚本:"start": "node node_module...原创 2018-10-28 11:22:24 · 1209 阅读 · 2 评论 -
Android原生集成react-native(二)-热更新
使用code-push 和code-push-server 实现热更新1.安装code-push-server:npm install code-push-server -g2.初始化mySQL数据库:code-push-server-db init --dbhost localhost --dbuser root --dbpassword可以通过code-push-serve...原创 2018-10-28 11:46:51 · 912 阅读 · 0 评论 -
原生初始化时initialProperties向StackNavigator screen传值
1.原生initialProperties Bundle bundle=new Bundle();bundle.putString(RNConstants.RN_INIT_SERVER_KEY,serverKey);bundle.putString(RNConstants.RN_INIT_UA,ua);mReactRootView.startReactApplication(m...原创 2018-12-04 11:09:37 · 699 阅读 · 0 评论