如果你的项目有生成唯一 key 或者使用 uuid 的场合，那么从现在开始，请使用 NanoID。NanoID 是一个创建唯一 key 的轻量级的脚本库

沉浸式标题栏，简单来说，即是透明栏，标题栏和状态栏不再是传统的黑色或白色，而是透明的，使得手机应用界面占据整个屏幕空间，页面从上向下滚动时，状态栏和标题内容慢慢由透明变成不透明，退出沉浸模式。以上交互，主要通过设置状态栏 StatusBar 和 透明度 opacity 来实现。…

一. 判断是Android还是iOS

防抖处理是经常会用到的功能，比如处理滚动事件做一些复杂计算，这样就会频繁调用回调函数很容易会造成页面的卡顿，这种情况下，我们更希望把多次计算合并成一次，只操作一个精确点，我们普遍把这种方式称为debounce（防抖）和throttle（节流）。 当持续触发事件时，一定时间段内没…

开发 App 的时候，常常需要做出沉浸式状态栏的效果。 在 iOS 平台，默认就是沉浸式的，View 的内容会从屏幕顶部开始绘制，若不进行处理，就会被状态栏覆盖。因此可以手动获取状态栏的高度，用样式留出状态栏的空间，避免内容被状态栏覆盖。 不过，在 Android 平台，默认又…

在实际项目中，我们常常需要根据页面的不同去修改状态栏的表现。例如：页面头部图片延伸到状态栏下并且状态栏透明；状态栏的颜色和标题栏的颜色相同；状态栏内容颜色的深浅变化。 在此之前，我写了一篇React Navigation 构建 Android 和 iOS 统一的 UI的文章，里…

在移动端开发中列表页是非常常见的页面，在React Native中我们一般使用FlatList或SectionList组件实现这些列表视图。通常列表页都会有大量的数据需要加载显示，这时候就用到了分页加载，因此对于列表组件来说，实现下拉刷新和上拉加载在很多情况下是必不可少的。 本…

3.那就选择react-native-cardview,效果比较接近，且均是iOS/android原生效果。

我一个一个进行分析，然后带你们入坑。