Hybrid App/React-Native
文章平均质量分 72
F-ZERO-F
脚踏实地
展开
-
React-Nactive中多个样式类的引用,与思考
以下观点尽皆我初次试水之后的感触,但是听到平衡一词之后还是颇为触动。原创 2018-12-18 19:30:55 · 832 阅读 · 0 评论 -
解决react-native项目启动安卓模拟器报错:The development server returned response error code:500
近两天使用react-native去尝试自己开发一个app项目,使用Android studio的虚拟机去运行项目但是运行项目时就会报错The development server returned response error code:500内部服务器错误500 Internal Server Error几经排查,发现node_modules中缺少了需要的第三方依赖在报错信息的下面...原创 2019-04-25 21:25:00 · 1388 阅读 · 0 评论 -
React Apollo:Apollo Client在React中的实现方式
https://www.apollographql.com/docs/react/integrations.html把官网放在最上面,敬官网!前面有一篇文章描述GraphQL,Apollo Client,PostgreSQL三者的关系和区别,已经说明GraphQL是一个标准,被称为是一个革命性的API工具。他和REST有着相当大的区别与优势。GraphQL可以让你在客户端的请求中指定希望获取...原创 2019-03-06 23:39:23 · 3235 阅读 · 0 评论 -
原生应用,混合应用,H5应用区别
每一个应用的知识框架混合应用的所包含的框架要求明确每一个应用种类的优缺点;原创 2018-11-05 18:06:22 · 3046 阅读 · 2 评论 -
OnsenUI实现下拉刷新
框架中要求实现下拉刷新拉取内容;原创 2018-11-26 20:41:56 · 624 阅读 · 0 评论 -
React Native项目使用Apollo Client调用mutate和query完成数据交互
React-Native项目配合Apollo-client在组件外部函数中调用mutate和query原创 2019-03-08 17:48:28 · 1424 阅读 · 0 评论 -
解决React Native项目中setState在循环中不生效
一: 问题描述constructor (props) { super(props) this.state = { dynamicNum: 0 } }componentWillMount () { const data = this.props.data data.allPersonPosts.nodes.map((p, i) => ...原创 2019-02-26 15:01:38 · 1881 阅读 · 1 评论 -
使用Apollo Client设置缓存交互方式,实现进入页面自动刷新
1:官网2:连接https://blog.csdn.net/qq_28929589/article/details/79430508原创 2019-03-02 12:17:15 · 2214 阅读 · 0 评论 -
React Native项目使用react-apollo实现更新缓存的两种方式
readQuery和query的区别,自动更新和手动更新一般情况下使用自动更新,特殊情况下使用手动更新分别列举例子。原创 2019-02-19 10:01:59 · 922 阅读 · 0 评论 -
React Native 配合react-apollo实现下拉刷新
下拉刷新和刚进入页面之后就刷新原创 2019-02-19 23:07:23 · 708 阅读 · 0 评论 -
React-Navigation的goBack()跳转到指定页面,以及不同栈之间的页面的返回操作
背景:在做项目时使用React-Navigation进行页面管理。有两个需求1:在我的中进入界面,从主界面A进入B,B进入C,C进入D,在D中点击返回键要求直接返回到A中。2:从当前的通讯录中的一个页面跳转到我的中的一个子页面,但是当点击这个子页面的返回键时,他会返回到我的中的上一个界面,而不是通讯录中的那个页面。一:goBack返回到指定页面分析:在React-Navigation...原创 2019-01-30 18:59:09 · 7267 阅读 · 1 评论 -
解决React-Native项目由于export,import错误导致的元素类型无效【Element type is invalid】
前些日子做项目时有一个报错,虽然解决了,但是对于导致的原因,还是一知半解。今天突然发现一篇博客,大受启发,决定将这个问题系统的总结一下。报错信息:提示元素类型无效,可能是忘记从你定义的文件中导出来组件,或者是你弄混了要导入的组件的默认名字,没有和你导入时的名字相对应。解决方式:1:在导出文件中使用export class 组件类名称 extends Component 将组件导出。此时可...原创 2019-02-05 15:20:09 · 1340 阅读 · 0 评论 -
ES6系统学习----从Apollo Client看解构赋值
ES6系统学习----解构赋值结合react-apollo中的项目的代码进行解释,写在另一篇博客之后===《postgresql,GraphQL, apollo-client的区别》原创 2019-02-14 23:01:11 · 271 阅读 · 1 评论 -
React Native使用React-Navigation在导航栏完成页面跳转
1:原始的navigationOptions2:分析不能跳转的原因3:改进的解决代码4:添加灵感链接。原创 2019-01-08 18:31:30 · 2191 阅读 · 1 评论 -
解决React Native 项目启动登陆报错【403 forbidden error】
在合并代码分支并解决所有的冲突之后,我尝试运行项目,前端项目正常启动。但是在点击登陆时,没有正常登陆,并且报错信息为【403 forbidden error】403错误表示资源不可用,服务器理解客户的请求。但是拒绝处理他。因为对网络协议的学习还是比较浅显,更多的原因分析没有办法给出。在这里我们解决冲突中后的代码是正确的,但是就是无法正常运行,因此尝试删除app,并且重新运行首先看一下错误信...原创 2019-01-12 12:23:55 · 1073 阅读 · 0 评论 -
React-Native中报错【Maximum update depth exceeded】
React-Native项目中出现报错:Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate.React limits the number of nested updat...原创 2018-12-26 11:56:52 · 8463 阅读 · 0 评论 -
解决运行Xcode模拟器时的慢动作【Slow Animation】
在做React-Native时使用DatePicker来创建IOS的日期选择器,但是在随后的几次试运行时,点击了DatePicker之后,程序运行的非常的慢,就像慢动作一样。当时我还在想:“我靠,我是写了啥bug,把程序的性能越搞越差”。经过leader指点,Fuck!!!我是瞎jb点中了这个模拟器的运行动画慢动作的快捷键,所以造成了慢动作的动画效果。你可以按照截图所示找到这个 Slow ...原创 2019-01-03 15:59:37 · 3587 阅读 · 0 评论 -
解决React-Native项目报错【Element type is invalid】
运行项目时出现:无效的元素类型在网上搜集了几个fix bug的方法,现在总结一下。这也时是当再次遇见相类似的问题时的解决的思路。可能问题一:组件的导入导出出错在这之前我并不知道组件类的两种导出方式有什么区别,以至于在一段时间中一直糊里糊涂。现在做一下区分:1:第一种方式class PersonalImg extends Component { //定义组件}export de...原创 2018-12-28 13:34:01 · 1852 阅读 · 1 评论 -
解决运行React Native项目报错 React Native version mismatch
在启动项目时,模拟器上报错信息为: React Native version mismatch报错信息如上图所示,显示JS,Native的版本不匹配实际上在我这是由于我前面开了一个android的模拟器,他们都占用8081端口,因此会导致同一个node.js服务器收到两个不同的Native版本,导致上述现象出现在关闭android的模拟器,停止运行安卓项目后重新运行IOS模拟器后运行正常...原创 2019-04-26 10:01:10 · 1100 阅读 · 0 评论