react-native_站内搜索

React Native性能优化指南及问题小结_React_脚本之家

本文将介绍在React Native开发中常见的性能优化问题和解决方案,包括ScrollView内无法滑动、热更新导致的文件引用问题、高度获取、强制横屏UI适配、低版本RN适配iOS14、缓存清理、navigation参数取值等。通过代码案例演示和详细说明,帮助开发者更好地理解和解决React Native中的性能问题。

www.jb51.net/javascript/313888j...htm 2024-5-25

React Native中原生实现动态导入的示例详解_React_脚本之家

在React Native社区中,原生动态导入一直是期待已久的功能。在React Native 0.72 版本发布之前,只能通过第三方库和其他变通方法实现动态导入,例如使用 React.lazy() 和Suspense 函数。现在,动态导入已经成为React Native框架的原生部分。在这篇文章中,我们将比较静态和动态导入,学习如何原生地处理动态导入,以及有效实施的...

www.jb51.net/javascript/3159378...htm 2024-6-1

Shopee在React Native 架构方面的探索及发展历程_React_脚本之家

host 用于管理公共依赖和通用逻辑,它将 React、React Native、Shopee RN SDK 等通过一个独立的仓库管理起来,保证了特殊 RN 依赖的“singleton”(单例模式)条件,避免了部分客户端组件的重叠依赖,而这种重叠依赖是 RN 官方不允许的。一个host 对应着多个 plugin 仓库,业务代码仓库则是被看作为一个插件(plugin),以...

www.jb51.net/article/2557...htm 2024-6-2

React Native基础入门之调试React Native应用的一小步_React_脚本之...

首先,使用官方工具react-native-cli创建好一个初始化的工程,并安装好依赖。安装的命令为“react-native init DebugTest”(DebugTest为我们这次的项目名称) 安装完成后,就会多出一个名为DebugTest项目文件夹,文件夹内结构如下: 图1. 项目初始结构让我们把项目运行起来。我这里是在Windows下开发Android平台的应用,并...

www.jb51.net/article/1430...htm 2024-6-2

搭建React Native热更新平台的详细过程_React_脚本之家

首先,通过 react-native bundle 命令把 JavaScript 代码打包成一个 Bundle文件,命令如下: 1 npx react-native bundle --entry-fileindex.tsx --devfalse--minifyfalse--bundle-output ./build/index.bundle --assets-dest ./build 通过上述命令打包出来的是 index.bundle 文件,本质是一个可执行的 JavaScript 文件...

www.jb51.net/article/2492...htm 2024-6-2

浅谈React Native 传参的几种方式(小结)_React_脚本之家

总结了5种常见的参数/数据传递的方法,以个人角度来看, 推荐顺序为 React Navigation 导航传值 > DeviceEventEmitter 触发事件并传值 > AsyncStorage Key-Value 式的存储传参, 最后两种是在特殊场景下才会去使用,所以朋友们,在合适的场景选择合适的方式去传值,会为React Native项目的开发带来更为理想的效果,感谢您...

www.jb51.net/article/1616...htm 2024-6-2

教你快速搭建 React Native 开发环境_React_脚本之家

yarn react-native run-android 7、如果项目长时间无法启动,可以执行如下操作,查看原因 1 npx react-native start 如上图,解决端口被占用的问题后,重新运行项目,即可启动 android 模拟器 8、Visual Studio Code 安装扩展程序ES7 React/Redux/GraphQL/React-Native snippets,即可通过输入 rnc 新建一个 react 类组件...

www.jb51.net/article/2613...htm 2024-6-1

深入理解React Native核心原理(React Native的桥接(Bridge)_React_脚本...

在这篇文章之前我们假设你已经了解了React Native的基础知识,我们会重点关注当native和JavaScript进行信息交流时的内部运行原理。主线程在开始之前,我们需要知道在React Native中有三个主要的线程: shadow queue:负责布局工作 main thread:UIKit 在这个线程工作(译者注:UI Manager线程,可以看成主线程,主要负责页面交互...

www.jb51.net/article/2089...htm 2024-6-2

一文详解ReactNative状态管理redux-toolkit使用_React_脚本之家

新建一个React应用创建一个 todoSlice.ts 文件创建store 上层组件通过 Provider 分发给组件树通过useSelector 和 useDispatch 获取数据和分发行为正文深入浅出React Native(异步图书出品) 京东自营优惠价:￥60.8立即抢购有同学反馈开发 ReactNative 应用时状态管理不是很明白,接下来几篇文章我们来对比下 React ...

www.jb51.net/article/2775...htm 2024-6-2

React-Native 环境搭建和基本介绍_React_脚本之家

这篇文章主要介绍了React-Native 环境搭建和基本介绍的相关资料,包括react native优缺点,通过实例代码给大家介绍的非常详细,需要的朋友可以参考下环境搭建准备 1.环境搭建 React Native中文网 2.开发工具前端开发软件:Visual Studio Code 移动端开发软件:Xcode、Android Studio ...

www.jb51.net/article/2103...htm 2024-5-29