react-native
ywltoread
喂喂喂
展开
-
搭建最新版本react-native项目框架,react-navigation 4.x,react-navigation-redux-helpers 4.x,react-redux 7.x版本
由于国内能找到的react-native框架版本都不是最新的,在我搭建的时候遇到了很多坑都无法适用,所以在这里把我搭建的代码给大家参考一下。首先列出各种工具的版本package.json文件:"react": "16.9.0","react-native": "0.61.5","react-native-gesture-handler": "^1.5.1","react-nativ...原创 2019-12-11 16:31:37 · 2485 阅读 · 1 评论 -
ReactNative使用websocket实时通信,ios息屏重连websocket,ws.onclose无法触发
ReactNative使用websocket实现实时聊天与web端使用websocket的写法一样,直接newWebSocket就可以。我在github上找到了两个有关RN的websocket组件包(react-native-websocket和react-native-reconnecting-websocket),但是发现都是简单封装了原始websocket的API,并没有什么特殊的地方,所...原创 2019-11-08 17:59:59 · 5989 阅读 · 0 评论 -
ReactNative开发IOS环境打包ipa过程
一、使用Mac电脑二、打开vscode,打开ReactNative项目代码,npminstall安装依赖三、启动项目,使项目能正常运行使用Xcode打开项目中ios文件下的axychzApp.xcodeproj,点击三角形按钮启动,然后等待1.解决运行报错[] nw_connection_get_connected_socket 18 Connection has no conn...原创 2019-10-24 09:59:05 · 1738 阅读 · 0 评论 -
ReactNative底部随键盘弹起,KeyboardAvoidingView组件padding和position实际效对比
因为业务需求需要底部工具条要随键盘一起弹起,所以我使用了RN自带的KeyboardAvoidingView组件。KeyboardAvoidingView组件的behavior属性有三个参数padding、position、height。height使用后好像没什么变化,所以我这里不做介绍了。主要展示一下padding、position的效果,安卓环境。padding如图:pad...原创 2019-10-22 16:03:07 · 5174 阅读 · 0 评论 -
react-native打apk安卓包遇到的坑,官网推荐方法报错,使用Android studio打包
官网推荐的方法不可用,报错缺少各种依赖。我使用androidstudio来打apk包,打出来的包也是可以正常使用没有问题的。1、生成keystore签名文件:在react-native项目中cd到项目根目录,然后执行以下命令:keytool -genkey -v -keystore my-release-key.keystore -alias my-key-alias -keyal...原创 2019-10-15 09:33:52 · 673 阅读 · 0 评论 -
reactnative在文本框光标处插入文字的实现方法
效果展示:注意:如果使用了scroll滚动插件,需要使用keyboardShouldPersistTaps="always"方法防止键盘阻止按钮被触发,上篇文章有介绍:https://blog.csdn.net/ywl570717586/article/details/102505241render中的简略代码:render () { const listItems = t...原创 2019-10-14 09:59:02 · 1305 阅读 · 0 评论 -
react-native点击按钮不让键盘自动收起键盘的方法,解决点击按钮需要两次的问题
在使用滚轮插件时,如ScrollView、KeyboardAwareScrollView等待,会出现点击该页面的按钮需要点两次才能触发。使用keyboardShouldPersistTaps={true}方法即可。代码如下:<KeyboardAwareScrollView style={{flex: 1}}>改为<KeyboardAwareScrollVi...原创 2019-10-11 17:20:20 · 2500 阅读 · 0 评论 -
极其完美的react-native教程,属于手把手教会
https://juejin.im/post/5a9602745188257a5c609b2fhttp://www.ruanyifeng.com/blog/2016/09/react-technology-stack.html原创 2019-09-16 14:47:38 · 6702 阅读 · 0 评论 -
一个完整的react-native框架代码demo,供大家下载学习
gitclone地址:https://github.com/ywltoread/react-navigation-redux.git大家装好react-native环境后,把这个demo下载好,使用yarn安装依赖(npm不可以正常安装)然后运行react-nativerun-android,等待大概10分钟,即可看到demo效果。...原创 2019-09-06 15:34:05 · 1878 阅读 · 0 评论 -
react-native安装依赖npm install报错解决办法,使用yarn
报错:react-navigation@1.5.11不能安装,未在git上发现react-navigation@1.5.11文件。浪费一下午时间踩坑,发现必须要安装yarn来安装依赖,npm在RN上是不能使用的。谨记!另外第一次运行react-native run-android时,会等待很长时间,这是正常的。...原创 2019-09-06 14:59:14 · 4705 阅读 · 0 评论 -
搭建react-native开发环境,真是一步一坑
一、安装nodejs环境我以前已经安装好了,没安装的同学安装一下很简单,进入cmd,用以下命令来验证版本,必须大于v10.0.0版本,我的是v10.16.3node -v二、安装python2环境(貌似不安装也可以运行,我选择不安装,最后也正常启动项目了)官网说版本必须为2.x(不支持3.x)三、安装Java的jdk环境版本必须为1.8(不支持1.9及以上版本),我使用了...原创 2019-09-03 17:24:09 · 1398 阅读 · 0 评论 -
Fetch与Promise的探讨,ajax的替代品
转自:https://segmentfault.com/a/1190000003810652参考学习链接:https://www.cnblogs.com/chenlogin/p/6519566.html最近把阿里一个千万级 PV 的数据产品全部由 jQuery 的 $.ajax 迁移到 Fetch,上线一个多月以来运行非常稳定。结果证明,对于 IE8+ 以上浏览器,在生产环境使转载 2018-01-11 17:59:02 · 2648 阅读 · 0 评论 -
immutable.js的简单理解
转载自:https://www.zhihu.com/question/28016223/answer/50154351首先,它虽然和React同期出现且跟React配合很爽,但它可不是React工具集里的(它的光芒被掩盖了),它是一个完全独立的库,无论基于什么框架都可以用它。意义在于它弥补了Javascript没有不可变数据结构的问题。不可变数据结构是函数式编程中必备的。前端工程师转载 2018-01-11 17:02:14 · 857 阅读 · 0 评论 -
webpack异步加载的原理
转自:http://cnodejs.org/topic/586823335eac96bb04d3e305webpack ensure相信大家都听过。有人称它为异步加载,也有人说做代码切割,那这个家伙到底是用来干嘛的?其实说白了,它就是把js模块给独立导出一个.js文件的,然后使用这个模块的时候,webpack会构造script dom元素,由浏览器发起异步请求这个js文件。场景转载 2018-01-11 15:13:58 · 7500 阅读 · 0 评论 -
React/React Native 的ES5 ES6写法对照表
转自:http://bbs.reactnative.cn/topic/15/react-react-native-%E7%9A%84es5-es6%E5%86%99%E6%B3%95%E5%AF%B9%E7%85%A7%E8%A1%A8很多React/React Native的初学者都被ES6的问题迷惑:各路大神都建议我们直接学习ES6的语法(class Foo extends Rea转载 2018-01-11 09:47:47 · 254 阅读 · 0 评论