ReactNative
夏目三三
不疯魔不成活
展开
-
ReactNative-https证书无效
iOS解决:在该文件中,添加过滤证书的代理方法。-(void)URLSession:(NSURLSession *)session didReceiveChallenge:(NSURLAuthenticationChallenge *)challenge completionHandler:(void (^)(NSURLSessionAuthChallengeDisposition, NSURLC...原创 2018-06-11 14:25:26 · 2353 阅读 · 5 评论 -
React Native动画Animated详解
在移动开发中,动画是提高用户体验不可缺少的一个元素。在React Native中,动画API提供了一些现成的组件:Animated.View,Animated.Text和Animated.Image默认支持动画。动画API会调用iOS或者Android的本地代码来完成这些组件的位移、大小等动画。在React Native中,Animated创建过程如下:创建Animated.Value,设...转载 2018-09-28 17:48:35 · 3157 阅读 · 0 评论 -
ReactNative Animated动画详解
最近ReactNative(以下简称RN)在前端的热度越来越高,不少同学开始在业务中尝试使用RN,这里着重介绍一下RN中动画的使用与实现原理。 使用篇举个简单的栗子 最近ReactNative(以下简称RN)在前端的热度越来越高,不少同学开始在业务中尝试使用RN,这里着重介绍一下RN中动画的使用与实现原理。 使用篇 举个简单的栗子...转载 2018-09-28 17:39:25 · 1850 阅读 · 0 评论 -
React-Native-iOS推送集成
首先是iOS推送流程,这篇文章有了比较详细的描述,大家可以了解一下http://www.jianshu.com/p/54ba62b2ed77iOS推送流程而本文主要是针对的需求是在已拥有自己的推送服务器的情况下,怎么在js端获取已注册的device token,并将其交由后台去保存。今后的推送流程就是,当有消息需要推送时,后台调用推送服务器相应接口传递消息,推送服务器将消息推给APNS(苹果推...转载 2018-08-23 16:21:55 · 788 阅读 · 0 评论 -
JS-字符串处理
更多字符串用法:http://www.w3school.com.cn/jsref/jsref_obj_string.asp1.字符串截取const str = '123qwe'console.log('slice<<<'+str.slice(1, 3))//1表示开始位置,3表示结束位置的下一位置console.log('substring<<<'...原创 2018-08-12 09:08:05 · 188 阅读 · 0 评论 -
ReactNative 引入SVG图片
一、将所有的SVG内容,打包到js文件中,以key-value的形式存储。1.使用脚本将所有SVG资源打包,脚本来源:react-native icon解决方案(svg)生成getSvg.js文件(脚本代码如下),与SVG文件夹放在同一级,并根据需要修改其中参数。如SVG路径:./svgs ,修改成自己的文件夹路径及名称;导出的目标文件:./Svgs.js 可以修改名称。// getSvg.js...原创 2018-07-04 11:16:37 · 5661 阅读 · 0 评论 -
Native module cannot be null
情况一原因:在react native 中,声明了某个module,但是原生没有此module,导致错误。如:在js中声明了p2pRTC,var p2pRTC = NativeModules.P2PRTCModule;解决:原生实现该Module,或者js中删除该声明。情况二跟PushNotification有关,需要手动完成Linking。(暂时未遇到)React Native出现"Native...原创 2018-06-20 15:42:53 · 4351 阅读 · 0 评论 -
react-native无法运行多个应用,修改端口
当用react-native创建应用并运行,两个以上模拟器会报错,因为本地服务默认是8081端口,所以需要将其他的应用端口修改,防止端口冲突。1.修改JS端,找到server.js文件,你的项目名称/node_modules/react-native/local-cli/server/server.js 全局查找‘8081’,并将其修改,如:8082。2.修改iOS端,用Xcode打开应...转载 2018-06-20 13:14:17 · 1006 阅读 · 0 评论 -
React Native iOS详细打包步骤
1.在自己项目的ios文件夹下新建一个文件夹取名bundle(ps:ios文件夹和node_modules文件夹在同一级目录下,这个bundle文件夹名称随意取,后面要用到,但是记得在相应地方改一下就好了)2.为了方便,将打包命令写到项目package.json文件里,然后执行命令:npm run bundle-iosEA9D8CCD-C12D-4DBA-A30C-65B2B99EAB2B.png...转载 2018-06-26 14:23:48 · 1978 阅读 · 0 评论 -
Error:Metro Bundler can't listen on port 8081
1.控制台错误情况 ERROR Metro Bundler can't listen on port 80812.解决办法:kill 占用8081端口的其他应用参考:https://facebook.github.io/react-native/docs/troubleshooting.htmla.找到占用端口的应用$ sudo lsof -i :8081b. kill (40247 是应用的 ...原创 2018-06-08 16:44:06 · 6707 阅读 · 0 评论 -
JS Map与JSON转换
1. JSON数据 转 字符串JSON.stringify(jsondata)2. 字符串 转 JSONJSON.parse(str)3. Map 转 JSON,需要先将Map转化为Object(对象) _strMapToObj(strMap){ let obj= Object.create(null); for (let[k,v] of strMap) ...原创 2018-06-08 16:07:14 · 51803 阅读 · 3 评论 -
JS 截取字符串
1.截取字符串后面1位var x = '123qwe';x.slice(-1)2.原创 2018-06-08 15:42:23 · 1289 阅读 · 0 评论 -
react-native 第三方组件导入失败
错误信息如下:npm WARN saveError ENOENT: no such file or directory, open '/usr/local/bin/package.json'npm WARN enoent ENOENT: no such file or directory, open '/usr/local/bin/package.json'npm WARN react-nat...原创 2018-06-01 14:44:56 · 1282 阅读 · 0 评论 -
ReactNative 事件监听
一、ReactNative内部事件通知1.引入头文件import { DeviceEventEmitter } from 'react-native';2.发送方 发送通知 DeviceEventEmitter.emit('通知名称');3.接收方 接收通知componentDidMount() {this.subscription = DeviceEventEmitter.addL...原创 2018-06-21 09:54:16 · 1882 阅读 · 0 评论 -
React Native -- 'config.h' file not found
解决方法打开Terminal,执行:cd node_modules/react-native/third-party/glog-0.3.4../../scripts/ios-configure-glog.sh参考:https://blog.csdn.net/qq_28978893/article/details/78720488...转载 2019-02-28 14:18:13 · 191 阅读 · 0 评论