🗃️ rn源码调试
6 items
📄️ ReactNative开发
发展历史
🗃️ metro
3 items
🗃️ expo
1 items
📄️ Platform
- 在Android上,Platform.Version返回的是安卓设备的API级别。例如,API级别25对应于Android 7.1(Nougat)。android版本查询
📄️ QA
class组件和function组件在状态变量中的区别
📄️ style
alignContent和alignItems比较
📄️ 桥接结构
React Native 的原来的异步桥调用机制是这个框架的核心部分,它允许 JavaScript 代码与原生模块(如 iOS 或 Android 的原生组件)进行通信。这个机制的原理和工作流程可以概括如下:
📄️ Fabric新架构
介绍
📄️ Text中的adjustsFontSizeToFit属性
今天正好在帮业务查问题,顺手就查了一个Text的adjustsFontSizeToFit属性,该属性的作用是自使用字体大小,但是在使用的时候还是遇到了一点问题,还是觉得要记录一下。
📄️ RN在andorid中的调试小技巧
问题1
📄️ Animated
原声驱动常见问题
📄️ 用原生或者js驱动动画
经过测试发现,scrollview每次只能绑定一个原生属性其余的手动赋值的都是js驱动。
📄️ RN打包命令
Android 打包 JS Bundle
📄️ RN缓存清理
📄️ 创建RN三方库
文档
📄️ RN调试
新版本调试
📄️ rn包的动态引入
众所周知,rn的核心特点就是动态引入,也就是可以自行codepush,从而绕过应用商店审核,那么动态引入到底是如何实现的那。简单来说如下:
📄️ RN事件机制相关API
在React Native中,事件监听和触发是组件间通信的关键机制之一。React Native提供了几种不同的API来帮助开发者在JavaScript和原生代码之间以及不同的组件之间进行事件的监听和触发。
📄️ Expo
谈到RN开发,Expo绝对是绕不过去的一环,凭借这一体化的服务和丰富的SDK,Expo在ReactNative社区有着巨大的影响力,以下是Expo的简单介绍和使用。
📄️ ios侧pod慢的问题
- 在ios侧安装ios pod依赖,在国内有时候会非常慢。最慢的是boost和hermes-enigne。
📄️ LayoutAnimation
LayoutAnimation主要用于动画化组件布局的变化,比如组件的尺寸、位置变化等。在您的代码中,标签切换似乎主要涉及到背景颜色的变化,这种情况下LayoutAnimation可能不会产生预期的效果。
📄️ metro
Metro 是 React Native 的 JavaScript bundler,它负责将 JavaScript 代码打包并提供开发和调试工具。Metro 的主要功能包括模块解析、代码转换和优化,以及热重载(Hot Reloading)和快速刷新(Fast Refresh)。以下是 Metro 的主要组成部分和一个完整的 demo。
📄️ 删除metro缓存
1. 使用命令行直接清除缓存
📄️ 常见RN问题
1. 在RN样式中,zIndex层级在绝对定位上面。
📄️ PanResponder
PanResponder 可将多次触摸调和为一个手势。它使单点触控手势不受额外触控的影响,并可用于识别基本的多点触控手势。
📄️ RN性能测试
最近有个场景,需要测试一下RN Harmony和RN android的性能,在查略了很多资料后设计了一套测试TTI/FCP时间的方法。简单说就是,在原生侧RN bundle开始加载的时候记录时间,在RN侧最后一个元素完成渲染时的onLayout中打印加载完成时间,根据时间差来计算最终时间。
📄️ rn自动连接
一直对rn自动连接很好奇,在想到底如何做到的自动链接。今天有机会研究RN,所以对自动连接研究了一下。以android为例,自动连接实际上就是@react-native-communtity/cli-platform-android/native_modules.gralde脚本
📄️ rn拆包
在大型app中,rn项目拆包变得十分必要,这篇文档将详细介绍分包及分包demo实践。
📄️ codepush
Microsoft CodePush 是一个云服务,用于实现 React Native 和 Cordova 应用的即时更新。通过 CodePush,你可以在不通过应用商店发布新版本的情况下,将 JavaScript、HTML 和 CSS 更新推送到用户的设备上。这种能力对于快速修复 Bug、推出新功能和改善用户体验非常有用。
📄️ RN使用自定义字体
1. 下载字体文件
📄️ 使用sqlite常见问题
在开发过程中,如何查看模拟器中sqlite数据库情况?
📄️ TouchableWithoutFeedback
为什么这段代码中,在TouchableHighlight被按下时候有灰色椭圆突出显示文字?
📄️ reactNative中的url链接
- ios//127.0.0.1:8081/index.bundle?platform=ios
📄️ 使用vscode调试rn
背景