React Native 作为一款跨端框架，有一个最让人头疼的问题，那就是版本更新。尤其是遇到大版本更新，JavaScript、iOS 和 Android 三端的配置构建文件都有非常大的变动，有时候三者的配置文件又互相耦合在一起，往往牵一发而动全身。 本文假定 React Na…

Dimensions 获取的是设备屏幕分辨率对应的宽高，包含了 status bar 以及其它 bar. android 有三种 bar：Soft menu, Status bar, Smart bar，其中，Smart bar 为魅族特有。在使用内容区域高度时需要考虑以上三种…

最近在做react-native应用Android端沉浸式状态栏时，发现通过Statusbar.setTrranslucent(ture)设置界面拉通状态栏之后，使用Modal 组件的地方界面无法延伸到状态栏，导致使用Modal实现的弹窗背景蒙层顶部会有一个白条，看起来很不爽，…

但是那时候若是不懂点 Android 或者 iOS，完全用 RN 开发一个 App，是非常痛苦的。 如何读懂这张有码的图片就是我们要攻克的最大难题了，但是如果单凭我自身大脑的人工智能，我想这问题是无解了。 没错，我们需要用到照相机，随手一搜react-native-camera…

本文章专门用于记录在React Native 开发中所遇到的问题，以便于以后查阅。 解决方案：react-native项目名/android/app/build.gradle中找到defaultConfig闭包， 在里面添加multiDexEnabled true 代码。然后在…

移动跨平台框架React Native经过4年的发展，其生态已经变得异常丰富，在使用React Native开发项目的过程中，为了提高开发效率，我们经常会借鉴一些使用使用率比较高的开源库，根据大众的需求，对这些使用较高的 React-Native UI 库，我们做一个简单的总结…

本文适合有对React家族有一定使用经验，但对从零配置一个App不是很熟悉，又想要从零体验一把搭建App的同学。 我自己就是这种情况，中途参与到项目中，一直没有掌控全局的感觉，所以这次趁着项目重构的机会，自己也跟着从零配置了一遍，并记录了下来，希望能跟同学们一起学习，如果有说错…

译注： 本文并没有详细的介绍具体的性能优化做法，作者给出的是一系列方法，需要我们自己根据实际情况，去采纳有用的一些点。 过去这一年，我都在持续地对一个业务规模庞大的银行APP进行性能优化。到目前，我们成功的在一台性能比较差的 华为P20 Lite 上，将 TTI 从14秒缩短到…

这里的扩展指的是实现可单独配置页面的进入方式（react navigation 默认只支持全局配置，要么 card，要么 modal，配置后所有页面进入动画相同）。 实现上述效果需要做两方面修改：StackNavigator API（在 route.js 中使用）和进入某个页面…