ReactNative

基于 chat-uikit-react-native 实现一个 React Native 聊天 App

二、具体步骤Step1：配置开发环境如果您电脑没有ReactNative开发环境，请先按照ReactNative官网set-up-your-environment配置开发环境.Step2：下载源码Demo

qq_38405998·2025-06-28 18:44

跨平台Flutter 、ReactNative 开发原理

一、跨平台Flutter开发原理Flutter是一个跨平台的应用程序开发框架，它允许你使用一组代码库来构建同时运行在Android和iOS上的应用程序。1.1.Flutter的核心原理基于以下几点：Dart异步、Widget构建块灵活配置、自工化工具链、热重载、Skia图库、DartVM1.Dart语言:Flutter使用Dart作为其编程语言，它提供了一种高效的JIT（Just-in-time）

ideal树叶·2025-06-24 19:48

前端跨平台开发：React Native vs Flutter

前端跨平台开发：ReactNativevsFlutter关键词：跨平台开发、ReactNative、Flutter、原生渲染、自绘引擎摘要：本文将以“选装修队”的趣味故事为引子，用“给小学生讲明白”的语言

大厂前端小白菜·2025-06-24 19:17

React Native WebView键盘难题：如何让输入框不被键盘遮挡？

——这可能是ReactNative开发者使用WebView时最头疼的问题之一。

老猿阿浪·2025-06-24 03:59

Taro 跨端开发：从调试到发布的完整指南

Taro作为一款优秀的多端统一开发框架，让开发者能够使用React/Vue等现代前端技术，一次编写代码，同时发布到微信/支付宝/百度等小程序、H5以及ReactNative应用。

vvilkin的学习备忘·2025-06-22 08:12

关于React Native 项目中，IOS键盘收起时留白问题

关于ReactNative项目中，IOS键盘收起时留白问题最近在项目中遇到一个bug，在iphone上输入内容后，点击键盘上的完成，收起IOS键盘时，再点击提交按钮时点击事件不触发。

首席外科戴夫·2025-06-21 07:04

最快速搭建 react-native-webview 及vue页面传输数据( Vue项目 )

ReactNative内嵌webview(Vue项目)ReactNativewebview属性automaticallyAdjustContentInsets控制是否调整放置在导航条、标签栏或工具栏后面的

·2025-06-21 07:04

react native关于在ScrollView里使用WebView会有大片多余空白的问题

本人也是reactnative的菜鸟，下面只是说说解决方案，具体为什么可以实现目前还不懂。我在项目里因为需求关系，在ScrollView里放置了WebView。

angan0295·2025-06-21 07:31

ReactNative进阶（二十五）：ScrollView 滚动视图组件详解_react native scrollview

文章目录一、概述二、属性2.1Style2.2方法2.2.1scrollTo()2.2.2crollToEnd()三、拓展阅读一、概述ScrollView在Android和ios原生开发中都比较常见，是一个滚动视图控件。在RN开发中，系统也给我们提供了这么一个控件。不过在RN开发中，使用ScrollView必须有一个确定的高度才能正常工作，因为它实际上所做的就是将一系列不确定高度的子组件装进一个确

2401_84447417·2025-06-21 07:29

食刻外卖系统全面开源教程：商户与配送端小程序APP

此外，介绍了系统的开源技术栈，如ReactNative或uni-app，

·2025-06-21 05:18

iOS多端兼容性调试：一次iOS性能优化分工具协作排查过程

在多技术栈混合开发日益普及的今天，iOS应用中越来越多地集成了WebView、Flutter、ReactNative甚至小程序模块。

2501_91592143·2025-06-21 01:25

山东大学软件学院项目实训小组进展记录8

ReactNative一、登录与注册功能实现1.技术栈架构1.1核心框架ReactNative：跨平台移动应用开发框架，使用JavaScript/TypeScript构建iOS和Android应用TypeScript

ALLure_l·2025-06-20 08:50

软件技术专业的出路在哪

随着移动互联网的持续繁荣，对具备跨平台开发能力，如掌握Flutter、ReactNative等技术的人才需求日益增长，这类开发人员能够高效构建同时适配iOS和Android

万能小贤哥·2025-06-19 17:38

使用 GraphQL 和 Apollo 客户端在 React Native 中的实现

使用GraphQL和Apollo客户端在ReactNative中的实现关键要点GraphQL提供灵活的数据查询：与REST相比，GraphQL允许客户端按需请求数据，减少过量或不足的数据传输。

·2025-06-19 16:02

React Native 持续集成：GitHub Actions自动化构建部署

ReactNative持续集成：GitHubActions自动化构建部署关键词：ReactNative、持续集成、GitHubActions、自动化构建、移动应用部署、CI/CD、DevOps摘要：本文深入探讨如何使用

移动开发前沿·2025-06-19 06:17

翻译 | 《JavaScript Everywhere》第23章 GraphQL和React Native

翻译|《JavaScriptEverywhere》第23章GraphQL和ReactNative写在最前面大家好呀，我是毛小悠，是一位前端开发工程师。正在翻译一本英文技术书籍。

前端毛小悠·2025-06-18 23:31

React Native跨平台应用开发：iOS和Android的统一之道

ReactNative提供了一种高效的开发方式，允许开发者编写一次代码，同时在iOS和Android平台上运行，节省了开发时间和成本。ReactNative的基本概念什么是ReactNative？

瞎了眼的枸杞·2025-06-18 12:43

轻量化适配：React Native教育应用在HarmonyOS 5.0低端设备的200%性能提升实践

本文将分享如何通过轻量化适配策略，使ReactNative教育应用在HarmonyOS5.0低端设备上实现200%的性能提升。

H老师带你学鸿蒙·2025-06-17 13:08

React Native网络请求

使用FetchReactNative提供了和web标准一致的FetchAPI，用于满足开发者访问网络的需求。如果你之前使用过XMLHttpRequest(即俗称的ajax)或是

weixin_33701294·2025-06-17 03:30

第 1-1 课：为什么要掌握 Flutter？

移动开发技术手段从原始的原生应用开发，到Google和Apple各自推出新的语言Kotiln、Swift，然后又发展到各种跨平台HybridApp开发，如ReactNative、Weex、小程序等等。

持续学习的工程师·2025-06-16 13:59

一个资深iOS开发者对于React Native的看法

当我第一次尝试ReactNative的时候，我觉得这只是网页开发者涉足原生移动应用领域的歪门邪道。

gaoyuqiang30·2025-06-16 13:29

小程序开发工具移动端：React Native整合

小程序开发工具移动端：ReactNative整合——跨平台开发的“积木魔法”关键词：小程序开发工具、ReactNative、跨平台整合、双端渲染、桥接机制摘要：本文将带您探索如何将小程序开发工具与ReactNative

小程序开发2020·2025-06-16 09:57

ReactNative 适配XCode打包ios18+

背景ios18使用环境macOS15.2+xcode16机子使用maxOS14.5(Macmini2018)+xcode15.4当执行打包操作时，报错如下：yarnrelease--appstore...2025-05-1514:39:34.293xcodebuild[xxx]Progress0%:Uploadfailed.ValidationfailedSDKversionissue.Thisa

Kevin·Tseng·2025-06-16 08:25

基于React Native的HarmonyOS 5.0休闲娱乐类应用开发

一、开发环境搭建1.基础环境配置（1）安装Node.js(建议16.xLTS版本)（2）安装HarmonyOS开发工具DevEcoStudio（3）安装ReactNativeCLI2.ReactNative

程序员小张丶·2025-06-15 21:14

基于React Native的HarmonyOS 5.0房产与装修应用开发

一、技术选型与开发环境搭建1.技术栈选择（1）前端框架:ReactNative0.70+(支持HarmonyOS的最新版本)（2）状态管理:ReduxToolkit或MobX（3）UI组件库:HarmonyOSDesignSystem

程序员小张丶·2025-06-15 21:14

React Native 导航系统实战（React Navigation）

导航系统实战（ReactNavigation）ReactNavigation是ReactNative应用中最常用的导航库之一，它提供了多种导航模式，如堆栈导航（StackNavigator）、标签导航（

EndingCoder·2025-06-15 06:03

React Native 项目实战 —— 记账本应用开发指南

ReactNative项目实战——记账本应用开发指南项目概述：本文将指导您使用ReactNative开发一个简单的记账本应用，帮助用户记录收入和支出。

EndingCoder·2025-06-15 06:03

React Native 导航架构实战解析

背景简介ReactNative是一个用于构建移动应用的强大框架，它允许开发者使用JavaScript和React来创建原生应用。

Kay Lam·2025-06-15 05:32

React Native (RN) 外包开发的性能优化

优化ReactNative(RN)应用性能是提高用户体验的关键，以下是常见的性能优化方法。1.减少渲染次数（1）避免不必要的渲染使用React.memo：避免无关组件因父组件的重渲染而更新。

北京木奇移动·2025-06-15 05:30

React Native 启动屏优化：告别白屏的几种方案

ReactNative启动屏优化：告别白屏的几种方案关键词：ReactNative、启动屏优化、白屏问题、原生启动屏、第三方库摘要：本文深入探讨了ReactNative应用中启动屏白屏问题的成因及解决方案

移动开发前沿·2025-06-15 05:29

ReactNative 原生混合开发打包ipa和apk

ReactNative集成原生项目，打包ipa和apk过程记录分析。本文章默认会iOS和安卓常规打包，只介绍打包RN这步。

2401_84092903·2025-06-14 16:54

Taro首个支持鸿蒙的 UI 库，同时还兼容 React Native、小程序、H5

现在使用这个UI库，不仅能开发鸿蒙，还能实现同时开发ReactNative、小程序和H5，也是目前唯一一个能兼容这

少恭写代码·2025-06-14 07:04

HarmonyOS5 React Native 与 OpenHarmony 社区版的兼容性探索

一、技术背景与挑战ReactNative（简称RN）作为跨平台开发框架，与OpenHarmony社区版的技术整合面临三个核心挑战：渲染机制差异：RN基于JavaScript线程与原生UI线程的异步通信，

·2025-06-14 07:34

React Native基础入门：组件与样式指南

背景简介在现代移动应用开发中，ReactNative提供了一个高效的解决方案，使得开发者能够使用JavaScript和React来编写原生移动应用。

AAAsuan·2025-06-12 20:56

如何优化React Native应用以适配HarmonyOS5？

以下是优化ReactNative应用适配HarmonyOS5的关键策略与步骤，基于最佳实践总结为六大方向，涵盖环境配置、组件适配、性能调优、分布式能力集成等，确保应用在鸿蒙系统上高效运行：⚙️一、开发环境搭建与项目初始化‌工具链配置‌使用

程序员小刘·2025-06-12 20:22

让 React Native 应用支持 HarmonyOS5 分布式能力：跨设备组件开发指南

一、核心集成方案原生能力封装与桥接ReactNative通过NativeModules调用HarmonyOS分布式API，需将Java/C++原生层改写为ArkTS实现：//HarmonyDistributed.ets

libo_2025·2025-06-11 21:46

HarmonyOS5 让 React Native 应用支持 HarmonyOS 分布式能力：跨设备组件开发指南

以下是HarmonyOS5与ReactNative融合实现跨设备组件的完整开发指南，综合关键技术与实操步骤：一、分布式能力核心架构ReactNativeJS层→Native桥接层→HarmonyOS分布式能力层

程序员小刘·2025-06-11 21:42

React Native 是什么？为什么学它？

ReactNative是什么是什么？为什么学它？随着智能手机的普及和移动互联网的迅猛发展，移动应用的开发需求日益增长。

EndingCoder·2025-06-11 06:56

React Native开发环境搭建，VS Code运行项目步骤详解

要搭建ReactNative的开发环境，您需要按照以下步骤进行设置：一、安装Node.jsReactNative依赖于Node.js。

Zh.快乐的程序猿·2025-06-11 06:55

React Native开发入门：工具和步骤详解

ReactNative开发入门：工具和步骤详解背景简介本文基于ReactNative官方文档的章节内容，提供了关于如何开始使用ReactNative开发移动应用的详细指南。

·2025-06-11 05:24

React Native在HarmonyOS 5.0阅读类应用开发中的实践

一、技术选型背景随着HarmonyOS5.0对Web兼容层的增强，ReactNative作为跨平台框架可通过重新编译ArkTS组件实现85%以上的代码复用率。

程序员小张丶·2025-06-11 05:51

基于React Native实现美食HarmonyOS 5.0的开发指南

HarmonyOS5.0新特性适配1.鸿蒙5.0核心技术优势（1）ArkUI3.0：更高效的渲染引擎（2）分布式能力增强：跨设备无缝协同（3）原子化服务：轻量化服务卡片（4）AI能力集成：更智能的推荐系统2.ReactNative

程序员小张丶·2025-06-11 05:21

基于React Native实现音乐harmonyos5.0App的开发

一、开发环境搭建ReactNative环境：1.安装ReactNative0.72.5（适配鸿蒙的稳定版本）：npxreact-native@0.72.5initMusicHarmonyApp--templatereact-native-template-harmony

·2025-06-11 05:21

选React Native还是Flutter？救救选择困难症的孩子吧！

选ReactNative还是Flutter？救救选择困难症的孩子吧前言大家好，我是倔强青铜三。

倔强青铜3·2025-06-11 05:51

基于 React Native for HarmonyOS5 的跨平台组件库开发指南，以及组件示例

基于ReactNativeforHarmonyOS5的跨平台组件库开发，需融合分层架构设计、鸿蒙原生能力桥接及性能优化技术，核心指南如下：‌一、分层架构设计‌采用‌模块化分层结构‌，隔离平台差异逻辑：├

程序员小刘·2025-06-08 21:11

Flutter、React Native 项目如何搞定 iOS 上架？从构建 IPA 到上传 App Store 的实战流程全解析

你可能会认为：用了跨平台框架（如Flutter或ReactNative），开发效率提高了，发布流程也该更轻松才对。

2501_91510632·2025-06-08 19:31

绕过 Xcode？使用 Appuploader和主流工具实现 iOS 上架自动化

特别是当你的项目主要在Windows或Linux下开发（例如Flutter、ReactNative、Cordova、Unity等），每次提交到AppStore都可能意味着借用Mac、部署虚拟机，甚至求助朋友

2501_91600747·2025-06-06 23:32

从零搭建到 App Store 上架：跨平台开发者使用 Appuploader与其他工具的实战经验

本文分享一位开发者在无Mac环境下，上架ReactNative应用的实战流程，同时比较市面上几种常见解决方案，包括fastlane、Transporter

2501_91590906·2025-06-06 18:55

React Native开发鸿蒙运动健康类应用的项目实践记录

项目名称：HarmonyFitness-基于ReactNative的鸿蒙运动健康应用技术栈：ReactNative0.72.5+TypeScript+HarmonyOSAPI+ArkTS原生模块一、环境搭建与项目初始化双环境配置

哼唧唧_·2025-06-06 13:20

react实现聊天界面_react-native聊天室|RN版聊天App仿微信实例|RN仿微信界面

最近都沉浸在reactnative原生app开发中，之前也有使用vue/react/angular等技术开发过聊天室项目，另外还使用RN技术做了个自定义模态弹窗rnPop组件。

·2025-06-06 00:22

推荐频道