ReactNative
文章平均质量分 55
叽哩叽哩鸡
欢迎关注我的github, 提供Android/ReactNative各类技术的demo.
https://github.com/YouCii/
展开
-
ReactNative使用精美图标库react-native-vector-icons(具体使用方法)
具体集成过程请看下面的文章, 感谢分享 https://blog.csdn.net/f409031mn/article/details/79522129我自己配置时执行了安装/关联两句命令就可以执行了, 没有其他的错误npm install --save react-native-vector-icons // 下载库react-native link react-native-vec...原创 2018-07-25 16:43:34 · 18204 阅读 · 7 评论 -
ReactNative踩坑之旅: Unable to resolve module 和 Error: Plugin
具体流程请看这个, 感谢分享: https://blog.csdn.net/qiyei2009/article/details/78820207在搭建的过程中碰见了很多问题, 大多数简单的搜索就可以解决, 但有两个较难排查, 现在记录于下 ps. 建议别用windows自带的命令行, 出现问题后报错信息不能复制是个坑, 建议用WebStorm自带的Terminal, 自动转入项目路径, ...原创 2018-07-13 11:06:54 · 51719 阅读 · 9 评论 -
ReactNative 如何使用createBottomTabNavigator并实现界面传值/默认界面初始值 ( 附代码 )
废话前言createBottomTabNavigator 是用来创建底部导航栏的组件, 类似于Android的TabLayout+ViewPager的样式. 另外还有一个 createMaterialBottomTabNavigator 也可以实现此功能, 它提供了更好看的UI, 不过我自己试验后发现其切换tab时有两个问题: 一个是界面闪烁, 另一个是tabBar背景颜色变化动画会有卡顿...原创 2018-07-26 15:06:47 · 8754 阅读 · 2 评论 -
ReactNative 封装 fetch 网络请求 (附 Base64加解密 和 Json解析 工具类)
Demo: https://github.com/YouCii/RNDemo转到 RN 之后还是不自主地按照 android 的方式搭框架, 今天把 fetch 封装到了 HttpUtils 里.import JsonUtils from "./JsonUtils";import EncodeUtils from "./EncodeUtils";export default clas...原创 2018-07-31 15:04:29 · 1978 阅读 · 0 评论 -
ReactNative setTimeout无效的问题
网上都在说是语法的问题, 要写成这样才行setTimeout(() => reject(new Error('请求超时')), timeOut) 然而我已经是这么写了, 还是有问题.后来发现是因为开启调试的原因, 直接运行就没有问题 (/ □ \)...原创 2018-08-06 17:05:00 · 2721 阅读 · 0 评论 -
ReactNative 封装控件的一点经验
Demo请见我的github: https://github.com/YouCii/RNDemo/tree/master/src/js/component经常使用的布局封装成一个单独的控件是很常见的需求, 基本步骤如下:创建控件(类似于一个Screen)import React, {Component} from 'react'...export default class ...原创 2018-08-15 09:41:59 · 1004 阅读 · 0 评论 -
ReactNative 如何实现页面返回监听
前言Demo: https://github.com/YouCii/RNDemo有时我们在返回某页面时, 希望能重新取数据刷新下界面, 如果是在android中可以在onResume中处理, 那在RN中应该怎么做呢?尝试componentWillMount() / componentDidMount(): 事实证明这些方法只会执行一遍, 类似于 onCreate, 从其他界面...原创 2018-08-17 10:37:26 · 10344 阅读 · 0 评论 -
ReactNative 的几个小Tips
自定义控件内部的Component的刷新时可以这样实现: this.refs.viewInFather.refs.viewInChild.setState(...), 类似于android里的 findViewById 获取到 FatherView, 然后 fatherView.findViewById获取到ChildView; 可以这样理解: Component 就是 android 里面的 ...原创 2018-09-10 14:44:11 · 313 阅读 · 0 评论 -
React Native 实现热更新方案CodePush过程中遇到的问题 ( 搭建自己的CodePush服务器 )
前言CodePush官方:https://github.com/Microsoft/react-native-code-push自搭建CodePushServer:https://github.com/lisong/code-push-server参考文章:https://www.jianshu.com/p/417a165ca9d7https://github.com/crazyco...原创 2018-12-05 17:37:07 · 2376 阅读 · 2 评论