技术栈
react native
张元清
8 小时前
react native
·
react.js
从零开始编写 useWindowSize Hook
代码来源:reactuse/useWindowSizeDemo地址:www.reactuse.com/element/use…
_一两风
3 天前
react native
·
性能优化
React性能优化深度指南:从基础到高级技巧
在2025年的前端开发中,React依然是构建用户界面的首选库之一。随着应用规模不断扩大,性能优化变得至关重要。本文将全面介绍React性能优化的各种技巧,从基础到高级,帮助你构建更高效的React应用。
谢尔登
4 天前
javascript
·
react native
·
react.js
【React Native】路由跳转
此外还有一些不太常用的方法:
Carson带你学Android
5 天前
android
·
flutter
·
react native
都2025了,【跨平台框架】到底该怎么选?
在跨平台开发领域,目前的主流选择是:它们分别以 Dart、JavaScript 和 Kotlin为核心语言。本文将从下面方向对比框架之间的差异:
谢尔登
7 天前
javascript
·
react native
·
react.js
【React Native】布局和 Stack 、Slot
点击链接后,页面切换时最好是有动画效果。页面一般都有头部,里面有页面的标题之类的东西。在app目录里,新建一个_layout.js文件,这是项目的布局文件。
Misha韩
7 天前
android
·
react native
React Native 基础tabBar和自定义tabBar - bottom-tabs
wayne214
8 天前
学习
·
react native
·
react.js
从零开始学习 Redux:React Native 项目中的状态管理
Redux 是一个用于 JavaScript 应用程序的状态管理库,通常与 React 或 React Native 配合使用,帮助管理应用的状态和数据流。其核心原理是通过集中式的“单一数据源”来管理应用状态,避免组件之间的“层层传递”状态和副作用。
OEC小胖胖
9 天前
前端
·
react native
·
react.js
·
前端框架
·
web
React Native 在 Web 前端跨平台开发中的优势与实践
对于广大 Web 前端开发者而言,移动端开发似乎总隔着一层“原生”的壁垒。学习 Swift/Kotlin、熟悉 Xcode/Android Studio 的高昂成本,让许多人望而却步。然而,“一次编写,多端运行”的梦想从未熄灭,而 React Native (RN) 正是让这个梦想照进现实的最强有力的竞争者之一。
henujolly
9 天前
学习
·
react native
·
react.js
react native学习record one month
React Native 开发主要面向“跨平台原生 App 开发”🧠 一、基础能力JavaScript / TypeScript • 熟练掌握 ES6+(async/await、Promise、Map、Set 等) • 熟悉 TypeScript 类型系统(常用类型定义、接口、联合类型、泛型)
wayne214
10 天前
react native
·
架构
跨平台移动开发技术深度分析:uni-app、React Native与Flutter的迁移成本、性能、场景与前景
跨平台移动开发技术已成为提升开发效率、降低成本的战略性选择。uni-app、React Native(RN)和Flutter作为主流方案,在迁移成本、应用性能、适用场景及未来发展上呈现显著差异。本报告基于最新行业数据与技术演进(2025年),系统分析三者的优劣,为技术选型提供决策依据。
谢尔登
10 天前
javascript
·
react native
·
react.js
【React Native】ScrollView 和 FlatList 组件
可以看到字体很大的情况下,文本溢出,但是不支持滚动(因为View组件不支持滚动)但是此时将 View 组件改为 ScrollView 组件,会发现可以正常滚动:
谢尔登
11 天前
网络
·
react native
·
react.js
【React Native】样式、网络请求和Loading
在React Native里写样式,必须使用StyleSheet.create来创建。必须要改成驼峰法来书写。
天平
12 天前
android
·
前端
·
react native
react native现代化组件库的推荐 【持续更新...】
有很多react native组件库已经不再更新了,或者设计不符合现代化。所以这里作者推荐一些在开发中收集的一些更符合现代化设计的组件库,同时也会列举出一些过去的库,并且点评出不足。
沐言人生
13 天前
前端
·
react native
RN学习笔记——1.RN环境搭建和踩坑
主要参考官方文档:reactnative.cn/docs/enviro…我本地安装的环境如下这部分直接参考官方文档就可以,需要注意的是环境中一定要记得配置模拟器路径,后面启动模拟器会用到
wen's
14 天前
android
·
xml
·
react native
React Native安卓刘海屏适配终极方案:仅需修改 AndroidManifest.xml!
📌 问题背景在 React Native 开发中,我们经常会遇到安卓设备刘海屏(Notch)适配问题。即使正确使用了 react-native-safe-area-context 和 react-navigation,在一些安卓设备(如小米、华为、OPPO 等)上,头部内容仍然可能被刘海遮挡。
Misha韩
14 天前
react native
·
react.js
React Native 一些API详解
小李飞飞砖
14 天前
javascript
·
react native
·
react.js
React Native 组件间通信方式详解
在 React Native 开发中,组件间通信是核心概念之一。以下是几种主要的组件通信方式及其适用场景:
小李飞飞砖
14 天前
javascript
·
react native
·
react.js
React Native 状态管理方案全面对比
在 React Native 开发中,状态管理是构建复杂应用的核心问题。以下是主流状态管理方案的深度对比分析:
朝阳39
14 天前
react native
ReactNative【实战系列教程】我的小红书 8 -- 我(含左侧弹窗菜单,右下角图标等)
点左上角菜单按钮,弹出左侧菜单后左侧弹窗菜单
朝阳39
15 天前
react native
ReactNative【实战系列教程】我的小红书 6 -- 购物(含商品搜索、商品分类、商品列表)
点击搜索输入框后商品搜索为背景透明的单独页面,便于代码解耦 !背景色为透明!给商品搜索页注册路由,配置其为透明模式。