08 2018 档案
摘要:在 componentWillUpdate 中 通过 this.setState 修改状态值,可能会导致死循环,因为会调用 shouldComponentUpdate 可以通过 nextProp.propName = *** 的方式进行修改
阅读全文
摘要:1.思路 (1)构思 (2)建立一一对应的映射表 (3)构建映射关系 这样每一个类型可以有多个处理函数,以便于我们以后扩充 (4)构建后 这是一种调用运行的方法 这种方法有一个缺点,不能删除该处理事件,因为我们是用映射表做的,而且也不提倡,直接给映射表里面存这么多数据,有点多。 另一种方法,将处理事
阅读全文
摘要:webpack.config.babel.js,这样命名是想让webpack在编译的时候自动识别es6的语法,现在貌似不需要这样命名了,之前用webpack1.x的时候貌似是需要的 .
阅读全文
摘要:1.创建组件 src/components/CustomTabBar/index.js 2.页面调用 src/pages/MainPage/index.js 3.效果图
阅读全文
摘要:1.代码 2.效果图
阅读全文
摘要:1.安装 react-native-tab-navigator 2.页面调用 3.效果图
阅读全文
摘要:1.下拉刷新/上拉加载更多 组件(RefreshListView) src/components/RefreshListView/index.js 2.页面调用 (1)定义全局变量 (2)通用store (3)当前 store (4)页面 3.效果图
阅读全文
摘要:1.代码 src/pages/MainPage/index.js 2.效果图
阅读全文
摘要:1.[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. 两个方案:(1)注册处理函数时,用如下方式,明确声明为不是被动的window
阅读全文
摘要:1、正向跳转假设情景:从Home页跳转到Profile页面,Profile场景的key值为profile 例如: 通过 TouchableOpacity 的 onPress 方法实现页面的跳转 2、反向跳转假设情景:从Profile页返回Home页面 注释: 接收参数: .
阅读全文
摘要:resizeMode (默认为 cover)该属性用来设置图片的缩放模式,对应值如下 cover 保持图片宽高比,直到宽度和高度都大于等于容器视图的尺寸(参考下图效果)contain 在保持图片宽高比的前提下缩放图片,直到宽度和高度都小于等于容器视图的尺寸stretch 拉伸图片且不维持宽高比,直到
阅读全文
摘要:1.模块模式: 在立即执行函数表达式中定义的变量和方法在外界是访问不到的,只能通过其向外部提供的接口,"有限制"地访问.通过函数作用域解决了属性和方法的封装问题. 2.构造函数模式 3.混合模式 4.工厂模式 5.单例模式 6.发布-订阅模式: 发布-订阅模式又叫做观察者模式,定义了对象之间一对多的
阅读全文
摘要:1.Execution failed for task ':app:transformClassesAndResourcesWithProguardForRelease'. 原因解析: gradle 从 2.14.1 升级至 3.5.1 react-native 混淆压缩处理失败 2.解决方案 在
阅读全文
摘要:1.Error: [mobx] Since strict-mode is enabled, changing observed observable values outside actions is not allowed. Please wrap the code in an `action`
阅读全文
摘要:1.安装插件 2.关联 3.修改 android/settings.gradle 4.修改 android/app/build.gradle 5.修改 android/app/src/main/AndroidManifest.xml 6.修改 android/app/src/main/java/co
阅读全文
摘要:1..字符串截取 2.substr 和 substring 的区别 注:只有一个参数时,表示 直截取到字符串结尾
阅读全文
摘要:1.判断一个数组中是否包含某元素 2.判断一个对象中是否包含某属性 3.判断一个字符串中是否包含某字符 .
阅读全文
摘要:本组件旨在不更改源码情况下,简单配置即可实现一些复杂的功能。如在任意位置进行跳转、根据路由名字返回指定页面、简化参数的获取、快速点击的拦截、统一页面跳转的拦截等。 安装: npm install react-navigation-easy-helper --save or yarn add reac
阅读全文
摘要:1.@observable 是一种让数据的变化可以被观察的方法 //@observable data 注册一个数据,这个数据将会成为一个可mobx监测的数据 2.decorator 修饰器只能修饰 类 或 类成员 3.对可观察的数据做出反应 @computed 计算 -- 对引入的可观察数据进行处理
阅读全文
摘要:原因是因为 mobx的版本用的最新版本..用到了 Symbol部分es6的api特性. 解决问题办法 1. 把mobx降版本到 4.3.1 . mobx-react降版本到 5.1.0 即可. 或者 2. 在.babelrc配置文件 增加 ployfill插件 "babel-plugin-trans
阅读全文
摘要:极光推送官方支持的 React Native 插件 安装 npm install jpush-react-native --savenpm install jcore-react-native --save ## jpush-react-native 1.4.2 版本以后需要同时安装 jcore-r
阅读全文
摘要:用于解决iOS和Android启动白屏问题及简单的启动页面展示 下载 react-native-splash-screen android 配置: 检查配置: 1、android\settings.gradle 如图: 2、android\app\build.gradle 3、android/app
阅读全文
摘要:解决方案:在AndroidManifest.xml 中 配置 .
阅读全文
摘要:前后端分离式开发的思考 目前大部分公司都实行了前后端分离开发。然而在项目开发过程当中,经常会遇到以下几个尴尬的场景; 1、前端开发依赖于后端接口数据,需要与后端接口联调才能获得数据展示,从而拖慢了开发进度; 2、没有一个很好的结构化接口文档管理工具,能够对项目中所用到的接口进行管理。如一个请求的地址
阅读全文
摘要:Object.values/Object.entries Object.values和 Object.entries是在ES2017规格中,它和Object.keys类似,返回数组类型,其序号和Object.keys序号对应。类似python中的dict.iteritems()。 Object.va
阅读全文
摘要:Array.prototype.includes Array.prototype.includes用法都容易和简单。它是一个替代indexOf,开发人员用来检查数组中是否存在值,indexOf是一种尴尬的使用,因为它返回一个元素在数组中的位置或者-1当这样的元素不能被找到的情况下。所以它返回一个数字
阅读全文
摘要:1.封装组件 src/components/VideoPlayer/index.js 2.调用组件 3.效果图
阅读全文
摘要:.babelrc配置: 当使用react native的时候,下面这个预设可以代替 transform-decorators-legacy reducer.js文件: index.js入口文件: 某子组件: 二. mobx 这里推荐使用mobx-state-tree的写法,有兴趣的可去github上
阅读全文
摘要:1. 介绍 1.1. 原理 React的render是 状态 转化为树状结构的渲染组件的方法而MobX提供了一种存储,更新 状态 的方法React 和 MobX都在优化着软件开发中相同的问题。React 使用的方法是让虚拟DOM来减少繁琐而沉重的DOM变化。而MobX则通过一个虚拟的状态依赖图表来让
阅读全文
摘要:1、首先安装好ReactNative的运行环境,安装组件依赖库 2、导入 3、使用 .
阅读全文
摘要:1.PageListView 组件封装 src/components/PageListView/index.js 2.页面调用 3.效果图
阅读全文