03 2019 档案

React Native之网页组件WebView的使用与通信
摘要：在实际开发中，我们通常会嵌入一些html页面，官方为我们提供了一个非常好用的网页组件WebView，通过这个组件我们可以通过传入一个url或者是传入一段html 一. WebView的基本属性方法介绍与使用 主要属性介绍 source：在 WebView 中载入一段静态的 html 代码或是传入一个 阅读全文
posted @ 2019-03-29 16:34 林璡 阅读(6863) 评论(0) 推荐(1)
React Native之DeviceEventEmitter发送和接收消息完成事件处理
摘要：今天在Demo这样一个项目的时候，首先遇到的第一个问题就是，每次通过dialog选择【本周、本月、本天】时，伴随着内容重新渲染的时候，tab navigator每次都重新创建和渲染，造成性能浪费和用户体验差的问题 问题分析： 由于tab navigator是在render()函数中动态创建的，因此每 阅读全文
posted @ 2019-03-28 20:51 林璡 阅读(2210) 评论(0) 推荐(0)
React Native踩坑之FlatList组件中的onEndReached
摘要：最近在做一个RN项目，有使用到FlatList这样一个RN封装的组件去做上拉加载更多功能，在iOS和Android平台上，总结了以下几个遇到的问题及解决方案 1. 进入页面onReached开始就被触发 解决方案： 当onEndReachedThreshold设置大于1时，的确进入页面就触发，设置在 阅读全文
posted @ 2019-03-24 12:47 林璡 阅读(6073) 评论(0) 推荐(0)
React Native之基于AsyncStorage的离线缓存框架设计
摘要：React Native/离线缓存策略 阅读全文
posted @ 2019-03-22 10:38 林璡 阅读(1309) 评论(0) 推荐(0)
React Native之数据存储技术AsyncStorage
摘要：1. 如何将数据存储到本地？ 数据存储是开发APP必不可少的一部分，比如页面缓存，从网络上获取数据的本地持久化等，那么在RN中如何进行数据存储呢？ RN官方推荐我们在RN中使用AsyncStorage进行数据存储 2. 什么是AsyncStorage? 2.1 特点 简单的，异步的，持久化的key 阅读全文
posted @ 2019-03-21 20:50 林璡 阅读(3129) 评论(0) 推荐(0)
React Native网络编程之Fetch
摘要：目录 1.前言 2.什么是Fetch 3.最简单的应用 4.支持的请求参数 4.1. 参数详讲 4.2. 示例 5.请求错误与异常处理   1. 前言   网络请求是开发APP中不可或缺的一部分，比如最基本的获取用户订单数据/获取商品数据/提交表单到服务器等等都离不开网络请求，那 阅读全文
posted @ 2019-03-21 18:29 林璡 阅读(1655) 评论(0) 推荐(0)
React Native踩坑之The SDK directory 'xxxxx' does not exist
摘要：相信和我一样，自己摸索配置环境的过程中，第一次配，很可能就遇到了这个比较简单地错误，没有配置sdk环境 解决办法 在电脑，系统环境变量中，添加一个sdk的环境变量 uploading image 955548.png 然后在path中新建一个 %ANDROID_PATH% 阅读全文
posted @ 2019-03-15 17:11 林璡 阅读(1402) 评论(0) 推荐(0)
React Native踩坑之无法启动Debug
摘要：问题 在chrome启动debug模式，连接不到地址 解决办法 在模拟器中，ctrl+m调出command，选择dev setting，然后设置debug地址为localhost:8081 阅读全文
posted @ 2019-03-15 17:08 林璡 阅读(2103) 评论(0) 推荐(0)
React Native踩坑之启动android模拟器失败
摘要：报错 Could not install the app on the device, read the error above for details.Make sure you have an Android emulator running or a device connected and 阅读全文
posted @ 2019-03-15 17:01 林璡 阅读(5910) 评论(0) 推荐(0)
React Native踩坑之Unable to load script from assets
摘要：报错： Unable to load script from assets ‘index.android.bundle’. Make sure your bundle is packaged correctly or you're running a packager server。 uploadi 阅读全文
posted @ 2019-03-15 16:56 林璡 阅读(2303) 评论(0) 推荐(0)
我对于react-router路由原理的学习
摘要：目录 react router依赖基础 history react router是如何实现URL与UI同步 一 react router依赖基础 history history是一个独立的第三方js库，可以用来兼容不同的浏览器、不同环境下对历史记录的管理。具体可以分为以下几类： hashHistor 阅读全文
posted @ 2019-03-10 16:52 林璡 阅读(1062) 评论(0) 推荐(0)
Redux学习之解读applyMiddleware源码深入middleware工作机制
摘要：随笔前言 在 "上一周的学习" 中，我们熟悉了如何通过redux去管理数据，而在这一节中，我们将一起深入到redux的知识中学习。 首先谈一谈为什么要用到middleware 我们知道在一个简单的数据流场景中，点击一个button后，在回调中分发一个action，reducer收到action后就会 阅读全文
posted @ 2019-03-08 11:34 林璡 阅读(1089) 评论(0) 推荐(1)
Redux学习之我对于其工作流程的理解和实践
摘要：  目录 1 工作流程图 2 各部位职责 3 Demo   1 工作流程图   2 各部位职责 我在理解这个流程图的时候，采用的是一种容易记住的办法，并且贴切实际工作职责。 我们可以把整个Redux工作流程理解成一个图书馆中借书操作。 React Components（ 阅读全文
posted @ 2019-03-01 16:21 林璡 阅读(412) 评论(0) 推荐(0)