博观

自从HTML5提供了video标签，在网页中播放视频已经变成一个非常简单的事，只要一个video标签，src属性设置为视频的地址就完事了。由于src指向真实的视频网络地址，...

自2018年以来，React Native团队一直在重构其核心架构，以便开发者能够创建更高质量更好性能的体验。最近在 React Native 的官网看到他们在安利他们的新...

截取当前屏幕，跟系统自带的截图一致，只会截取当前屏幕显示的页面内容。如果是ScrollView，那么未显示的部分是不会被截取的。 指定需要截取的组件的ref名称，然后将该r...

摘要 本文将介绍在React Native开发中常见的性能优化问题和解决方案，包括ScrollView内无法滑动、热更新导致的文件引用问题、高度获取、强制横屏UI适配、低版...

前言最近在进行RN项目重构，通过查阅各种资料，从RN底层出发，思考总结了一些从react到react-native的性能优化相关问题Performance·ReactNat...

React native 自定义软键盘 很多手机应用都有自定义键盘的需求，本文将介绍如何在 React Native 中，为 iOS 和 Android 两端的应用编写自定...

1、更改git记录中提交者的姓名，会造成本地分支和远端不一致，需要重新拉取代码覆盖本地 强制拉取远端执行本地覆盖，但是未知原因命令无效 临时解决方法： 临时解决。 调研解决...

虽然RN自带了一些UI组件，但是根据RN的原理，组件库在ios和android表现是不一样的，如View、Text、Button等等组件最终渲染原生程序上后都是不一样的表现...

写在前面在我从事React Native（以下简称RN）开发的两年工作中，自己与团队成员时常会遇到一些令人疑惑的屏幕适配问题，如：全屏mask样式无法覆盖整个屏幕、1像素边...

本文分享作者在使用 React Native 核心组件时积累的一些经验。核心组件是指 View, Text, TextInput, ScrollView 这些组件。...

自定义键盘的实现效果如下： iOS 端：ios-keyboard.gifAndroid 端：android-keyboard.gif 实现功能（iOS 和 Android）...

看过我文章的人，应该知道React状态管理库中我比较喜欢使用Zustand的，因为使用起来非常简单，没有啥心智负担。这篇文章给大家分享一下，我这段时间使用zustand的一...

在使用RN的时候，我们并不是单独的使用RN开发一整个app，而更多的是将 RN 作为内部的一些独立模块/页面。频繁与 RN 页面切换的情况，处理不当，导致退出 RN 页面时...

在开始今天的文章之前，大家不妨先想一下触发 React 组件 re-render 的原因有哪些，或者说什么时候 React 组件会发生 re-render 。...

从使用react-native开发app至今已经有小半年了，这过程中经历了一些版本迭代。其中app的迭代更新过程是需要关注的一点，本文总结我在使用react-native开...

本文囊括了大体的 React Native 工作流闭环：项目环境、创建、启动、调试、打包、安装，并以 "100% 可将项目顺利运行" 作为标准。...

基于 i18next 和 react-i18next 实现 react-native 的国际化功能。...

本文正在参加「金石计划 . 瓜分6万现金大奖」。 众所周知，函数节流（throttle）是 JS 中一个非常常见的优化手段，可以有效的避免函数过于频繁的执行。 举个例子：一...

XState 做为一个非常好用的前端状态机库，但官网文档却只有英文版，为了方便更多人了解，增加阅读体验，我这里翻译了中文版。 仓库地址（欢迎Star⭐ ）：https://...

自从使用Vue2之后，就使用官方推荐的axios的插件来调用API，在使用过程中，如果服务器或者网络不稳定掉包了, 你们该如何处理呢? 下面我给你们分享一下我的经历。 最近...