react-native中使用Image组件来显示图片，表面上和html的img标签大同小异，但是其source属性包含的逻辑缺复杂的多，同时也和bundle运行的方式也有关系。 本篇文章将重点讲解下Image中图片解析逻辑，以及如何自定义图片解析逻辑。 1. 打包结构 iOS…

React-redux 发布了 7.1.0 版本的 hooks 。 这意味着我们可以使用 React 的最新最佳实践。 Hooks 让我们为相同的功能编写更少的代码。我们需要编写的代码越少，我们就可以越快地启动应用程序。 这是一个非常基本和传统的 Redux 连接组件。您会如何…

拆包的方式一般有三种，分别为Facebook的Metro、携程的moles-packer和diff patch（可以使用Google的diff-match-patch）。但目前最好的方式可能还是Metro。在调研的过程中，接触最早的，也是最全的例子为react-native-m…

1. 在setting.gradle里配置android依赖 由构造函数可知，reactNativeModules是一个由getReactNativeConfig方法返回的数组，我们暂且不去管getReactNativeConfig的具体内容，只需要知道它返回了项目的包名pac…

React Native 作为一个混合开发解决方案，因为业务、性能上的种种原因，总是避免不了与原生进行交互。在开发过程中我们将 RN 与原生交互的几种方式进行了梳理，按照途径主要分为以下几类： 通过原生 Module 进行交互是最高频的使用方式。封装原生 Module 可以将定…

直接看源码，功力不够，也没有这个耐心，这和看英文文章一样，看着看着就(～﹃～)~zZ。 直接打断点一步步Debug，随便一个操作会让你Debug到停不下来，直到怀疑人生。 首先网上搜一下相关文章，熟悉一下大概。其次从核心入口render方法大概看看，找到一些关键函数。再次就是直…

前端网页倒计时是非常常见的应用，我们在各大购物网站的秒杀活动中总是能见到它的身影。但是在实际情况中，我们常常会发现当网页不刷新、让倒计时程序持续运行时，显示时间相比实际时间会越来越慢，相信大家也有在秒杀时间即将到来时不停刷新页面的经历。原因自然也不难理解：倒计时通常使用定时器（…

1. 前言 最近盯上了app store中的动画效果，感觉挺好玩的，嘿嘿~ 恰逢周末，得空就实现一个试试。不试不知道，做完了才发现其实还挺简单的，所以和大家分享一下封装这个组件的过程和思路。 2. 需求分析 哇，这个动画是不是很有趣，很神奇。为此，可以给它取个洋气的名字：神奇移…

跨平台一直是老生常谈的话题，cordova、ionic、react-native、weex、kotlin-native、flutter等跨平台框架的百花齐放，颇有一股推倒原生开发者的势头。（事实上更多是共存发展）看完本篇，相信你会对于当下跨平台移动开发的现状、实现原理、框架的选…