- 博客(6)
- 收藏
- 关注
原创 react-navigation没有Props的情况下如何使用goBack()
思路概述 react-navigation是由官方推荐的用于react-native的路由组件。在一般情况下,如果我们想要进行页面跳转,就要先从props里面取出Navigation,再利用其中的navigate()方法跳转。 然而在某些特殊的情况下,我们没法在组件内部进行路由操作。针对这种情况,官方提供了一套解决方案,大致原理是将路由栈的对象保存起来,这样在没有Props的情况下,就可以从保存的...
2019-11-09 17:21:51 402
原创 手动实现redux(一):实现createStore的状态管理功能
目录 一.createStore 1.getState 2.subscribe 3.dispatch 二、计时器验证redux的状态管理 文章源码:https://github.com/fuxiang123/MyRedux 对任何项目来说,读懂源码应该都是最透彻的学习方式。只是很多项目的代码量实在太多,又或者是阅读的难度太高,所以一般不会采用这种方式学习。不过redux是一个例外,它...
2019-04-03 20:51:54 480
原创 React新特性Hooks使用教学,以及与高阶组件、renderProps模式的对比
目录 一.什么是Hooks? 1.useState的作用 2.useEffect的作用 3.useContext的作用 二、对Hooks的思考 1.高阶组件实现逻辑复用 高阶组件版本的计数器 2.renderProps实现逻辑复用 renderProps版本的计数器 3.Hooks实现逻辑复用 Hooks版本的计数器 4.给计数器增加第二个功能——变换颜色 三、源码git...
2019-02-16 07:11:55 8394 4
原创 redux:三大原则、执行流程与项目构建
redux本身是一个有一定难度的东西,对新手来说学起来颇为吃力。所以在这篇文章中,我将从建立一个最简单的例子开始,最开始只使用react-native和redux,然后在后续的教程中,逐渐加上redux-saga,flow,Immutable,code-push等工具,逐步将这个例子拓展可供实际生产环境使用的demo。同时在拓展的过程中逐步讲解redux原理,希望本文能对你有所帮助。 知识要...
2019-01-06 19:46:00 906
原创 react-native下拉刷新组件react-native-flatlist-pull
react-native-flatlist-pull react-native-flatlist-pull是一个基于FlatList,支持Android和iOS的下拉刷新列表组件。是在另一个项目react-native-pull的基础上进行修改而成。主要将原项目中已经过时的ListView替换成较新的FlatList,同时去掉了原项目中存在BUG的PullView。 PullList 使用 使用...
2019-01-01 22:56:30 1887
原创 react-native一个快速简易进行文字适配的方案
关于react-native文字适配的方案,网上已经有了不少教学。在我的项目中,因为接触rn不久,经验不足,在项目已经做到比较大的时候才发觉这个问题,于是回过头去做文字适配。然而,网上的解决方案基本都是对fontSize这个属性的值进行换算,这样的话就要到代码中对有fontSize的地方一个个进行修改。于是我想,能不能有一个简便的方法,尽可能少地修改代码完成适配呢? 然后我的思路是:用自定义的T...
2018-11-07 09:34:26 839
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人