react-native
alex_suen
永远年轻,永远热泪盈眶
展开
-
【原】Cannot find entry file index.ios.js [index.android.js] in any of the roots
今天在运行新的React Native项目时,出现了错误。 错误信息如图: 在stackoverflow上搜索了一下,发现很多人遇到过这个问题。React Native的github上也有相应的Issue#14246。于是参考大家的方法一一进行尝试,如切换React Native版本, 使用npm start – –reset-cache命令重新启动包管理器等。但都没有奏效。最后参考hmati原创 2017-08-08 14:39:15 · 6780 阅读 · 0 评论 -
【转】 React-Native调用浏览器和第三方APP
这个其实在RN的文档中已经写好了,不过最新的依然不需要做文档中的额外步骤。直接在自定义的组件里面引用Linking,然后使用Linking的openURL函数即可,这个会自动选择系统的浏览器打开链接。[javascript] view plain copy print?var url = ‘http://www.baidu.com’; Linking.openURL(url)转载 2017-09-11 11:37:31 · 3222 阅读 · 0 评论 -
【转】react-native-wechat--微信登录
1.前言 在今天无论是游戏开发还是app开发,微信作为第三方登录必不可少,今天我们就用react-native-wechat实现微信登录,分享和支付同样的道理就不过多的介绍了。2.属性1)registerApp(appid): appid:String类型,从微信开放平台后台获取。2)registerAppWithDescription(appid, appdesc): 此方法只支持转载 2017-12-20 09:37:51 · 2814 阅读 · 2 评论 -
【转】react-native-wechat组件使用介绍
react-native-wechat 具有微信 登录,分享,收藏(v1.9.9+) 和支付的功能,适合iOS/Android 双平台使用安装 react-native-wechat//npm 安装npm install react-native-wechat --save//yarn 安装yarn add react-native-wechat配置 react-native-wechat转载 2017-12-20 09:42:33 · 2284 阅读 · 1 评论 -
【转】iOS集成 jpush-react-native常见问题
给 iOS 应用添加推送功能是一件比较麻烦的事情,本篇文章收集了集成 jpush-react-native 的常见问题,目的是为了帮助用户更好的排查问题1. 收不到推送确保是在真机上测试,而不是在模拟器自己的应用已经在 Apple developer 给应用配置推送功能,创建推送证书 (并且保证 bundle id 与 Apple developer 上的是一致的)如果之前没有接触过推送证书建转载 2017-12-12 13:19:26 · 623 阅读 · 0 评论 -
【原】react-native start EACCESS error for setup_env.sh
在mac上启动npm服务环境时,出现如题的错误。在 stackoverflow.com 中搜索,找到解决办法。 在项目根目录下执行下面这个命令: chmod -R 777 node_modules解决问题^_^原创 2017-12-12 15:07:14 · 588 阅读 · 0 评论 -
【转】react-native集成支付宝
支付宝流程效果图充值android原生确认支付界面付款详情正在付款整体思路:1.在蚂蚁金服开放平台申请应用2.在android原生集成支付宝3.封装android原生4.RN与android的通信一.在蚂蚁金服开放平台申请应用蚂蚁金服开放平台链接:https://openhome.alipay.com/platform/manageHome.htm1.在注册登录成功之后选择应用选转载 2017-12-21 10:27:42 · 1255 阅读 · 0 评论 -
【原】JS server not recognized, continuing with build...
今天在运行react-native run-android命令时,出现如题的错误。 搜索stackoverflow,找到解决办法。原因是8081端口被占用。查看一下占用此端口的进程,将这个进程杀掉就可以了linux系统 lsof -n -i4TCP:8081 | grep LISTENwindows系统 netstat -ano| find “8081”问题得到解决。原创 2017-12-21 10:39:56 · 1320 阅读 · 0 评论 -
【转】react-native-微信支付问题总结
http://bbs.csdn.net/topics/391865275由于服务器返回的sign 不知道对应的timestamp,所以不能用它的,用本地自己的timestamp等参数生成sign,然后拿着这些参数请求支付接口,就可以了。另外,注意要是签名包[html] view plain copy print?private void genPayReq(WeChatPayModel weCh转载 2017-12-22 11:22:09 · 3538 阅读 · 0 评论 -
【原】React Native踩坑系列之-Super expression must either be null or a function, not undefined
今天在Q群里有同学报出这个错误信息。查了下stackoverflow,把这个问题的解决方法记录一下。 1、确认一下React.Component是否书写正确,不是React.component或者React.Comonent… 2、检查下React版本,确保更新到0.13.x及更高版本 3、检查模块间是否存在循环依赖 4、确认导入的库是否正确确认以上4个方面都没有问题,一般能原创 2017-08-31 17:02:52 · 8580 阅读 · 1 评论 -
【转】React Native签名打包生成Android apk
(一)前言前几节课程我们对于React Native的一些基础配置,开发工具以及调试,Android项目移植做了相关讲解,今天一起来学习一下另外一个比较重要的知识点,就是React Native项目签名打包。刚创建的React Native技术交流群(282693535),欢迎各位大牛,React Native技术爱好者加入交流!同时博客左侧欢迎微信扫描关注订阅号,移动技术干货,精彩文章技术推送!在转载 2017-09-08 09:53:56 · 833 阅读 · 0 评论 -
【转】WebStorm设置React Native智能提示
最近在做React Native开发的时候,相信大家一般会使用WebStorm,Sublime,Atom等等开发工具。二之前搞前端的对WebStorm会很熟悉,WebStorm最新版是WebStorm2016.2.1,react Native默认不能智能提示代码,githun有一个开源的插件:ReactNative-LiveTemplate。ReactNative的代码模板,包括:组件名称Api转载 2017-08-08 16:09:33 · 2136 阅读 · 2 评论 -
【转】WebStorm配置运行React Native
WebStorm配置运行React Native 以前开发react native项目总是需要打开WebStorm编写代码,Xcode跑项目.显得有点多余.今天教大家如何直接使用WebStorm这个IDE直接完成编码+运行项目工作.这样就可以不用打开Xcode了.1.首先点击WebStorm右上方的下拉箭头弹出的Edit Configur转载 2017-08-09 09:48:53 · 552 阅读 · 0 评论 -
【原】Mac下使用Brew安装node出错
今天想在Mac下安装React Native开发。在安装node后,想要执行node -v命令查看node版本时,出现错误。错误信息如下: node -v dyld: Library not loaded: /usr/local/opt/icu4c/lib/libicui18n.58.dylib Referenced from: /usr/local/bin/node原创 2017-08-09 21:16:29 · 21639 阅读 · 8 评论 -
【原】React Native踩坑系列之-安卓真机无法打开控制菜单
公司终于给配了一台安卓真机(还是二手的,��)。但好歹是有了。刚用“新机”,发现摇一摇无法弹出控制菜单。在网络搜索了一下,找到了打开控制菜单的命令。adb shell input keyevent 82在控制台中,输入上面这个命令,回车。发现机器上弹出控制菜单。搞定!原创 2017-09-06 15:54:05 · 986 阅读 · 0 评论 -
【转】关于React Navigation的一些使用技巧
上篇博客和大家分享了关于React Native jsBundle预加载,界面启动优化的内容,详情可点击:基于最新版本React Native实现JsBundle预加载,界面秒开优化一、开源库介绍今年1月份,新开源的React-natvigation库备受瞩目。在短短不到3个月的时间,github上星数已达4000+。Fb推荐使用库,并且在react Native当前最新版本0.44中将Navi转载 2017-09-06 17:10:53 · 693 阅读 · 0 评论 -
【转】Android获取调试和正式的SHA1和MD5的值
我们在使用第三方,经常会让输入项目的SHA1和调试SHA1值,比如高德地图申请key,第三方微信登陆,那么这个在哪可以获取呢,接下来小编带领你来获取。 1. 首先打开CMD命令行窗口:同时按住WinDown键+R,或者你在打开AndroidStudio的Terminal也行 2. 找到你的.Android目录,一般在电脑的c盘下的用户下的个人用户名下的目录下,然后在命令行窗口进入这个目录,如转载 2017-09-07 11:06:45 · 275 阅读 · 0 评论 -
【转】React Native 中组件的生命周期
React Native中的component跟Android中的activity,fragment等一样,存在生命周期,下面先给出component的生命周期图getDefaultPropsobject getDefaultProps()执行过一次后,被创建的类会有缓存,映射的值会存在this.props,前提是这个prop不是父组件指定的 这个方法在对象被创建之前执行,因此不能在方法内调用th转载 2017-09-15 17:20:17 · 365 阅读 · 0 评论 -
【原】React Native踩坑系列之--Configuration with name 'default' not found react-native
由于项目需要,一口气引入了react-native-camera,react-native-wechat和react-native-yunpeng-alipay这3个库。将各个库都配置好后,运行react-native run-android,报出错误信息Configuration with name 'default' not found react-native。将node_modules目录删原创 2017-08-30 11:09:26 · 2942 阅读 · 0 评论 -
【转】ReactNative开发之疑难杂症
1.Unrecognized font family ‘Material Icons’解决方法:1).Then run react-native start --reset-cache2).Finally run react-native run-ios to restart the simulator2.出现如下黄色提示 ...转载 2018-06-01 10:00:52 · 2084 阅读 · 0 评论