随笔分类 -  ReactNative

摘要:react-native的打包流程是通过执行react-native bundle指令进行的。 添加构建指令 修改RN项目中的package.json文件,先其中添加构建命令build-release-ios和build-debug-ios "scripts": { "android": "reac 阅读全文
posted @ 2024-03-15 17:07 滴水微澜 阅读(724) 评论(0) 推荐(0) 编辑
摘要:React Native特点 跨平台 使用js写出页面组件代码被React框架统一转成Virtual DOM树,Virtual DOM树是UI结构的一层抽象,可以被转换成任何支持端的UI视图。 ReactNative框架将Virtual DOM 转成原APP的UIView树。 热修复 ReactNa 阅读全文
posted @ 2023-06-21 17:03 滴水微澜 阅读(855) 评论(0) 推荐(0) 编辑
摘要:在APP启动后,RN框架开始启动。等RN框架启动后,就开始进行RN页面渲染了。 RN页面原生侧页面渲染的主要逻辑实现是在RCTUIManager和RCTShadowView完成的。 通过看UIMananger的源码可以看到,UIMananger导出给JS端的API接口在对UI的操作上,基本都会同时对 阅读全文
posted @ 2023-05-24 23:09 滴水微澜 阅读(668) 评论(0) 推荐(0) 编辑
摘要:平时使用WebStorm或VSCode对RN工程中的文件修改后,在键盘上按一下快捷cmd+s进行文件保存,此时当前调试的RN页面就会自动进行刷新,这是RN开发相比于原生开发一个很大的优点:热更新。 那么,从按一下快捷cmd+s到RN页面展示出最新的JS页面,这个过程是怎样发生的呢?下面根据时间顺序来 阅读全文
posted @ 2023-05-18 22:45 滴水微澜 阅读(964) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示