产品佐伊 1

• asked Feb 26

React Native原生模块开发实战：从创建到通信详解

实战：准备与原生代码编写 在React Native开发中，原生模块扩展允许开发者调用平台原生功能。以下是创建和集成原生模块的完整步骤。 项目初始化与静态库配置 首先，使用react-native init nativeTest创建一个新的React Native项目。然后，在Xcode中打开项目文件nativeTest/ios/nativeTest.xcodeproj。 接下来，创建静态库并链接到项目： 在nativeTest/node_modules目录下创建文件夹rea...

react-native

0 votes

0 answers

0 views

程序猿里奥 1

• asked Feb 26

uniapp+vue3跨端仿抖音直播商城开发实例详解

基于uniapp+vue3多端仿微信/抖音直播商城项目介绍 uniapp-vue3-welive 是一个采用 uni-app 结合 Vue3 技术栈开发的跨端仿抖音直播商城实例项目。该项目全新基于 uniapp、vue3、vite4 和 pinia 等技术构建，支持编译到 H5、小程序及 App 端，实现了类似微信和抖音的直播带货及短视频功能。 技术框架概述 项目开发使用 HbuilderX 3.98 作为编辑器，核心框架技术包括 uniapp、vue3、vite4、nvue...

uni-app

0 votes

0 answers

0 views

编程泰迪 1

• asked Feb 26

Flutter流式场景性能优化深度解析

一、前言 淘特在很多业务场景都使用了 Flutter，加上业务场景本身具有一定的复杂性，使得 Flutter 在低端机流式场景的滑动浏览过程中卡顿、跳帧对比使用原生(Android/iOS)开发明显。通过分析业务层在 Flutter 渲染流程中的每个阶段存在的性能问题进行了一系列的深度优化后，平均帧率已经达到50帧之上超越了原生的表现， 但卡顿率依然达不到最佳的体验效果，遇到了难以突破的瓶颈和技术挑战，需要进行技术尝试和突破。 本文会从底层原理、优化思路、实际场景的优化策略、...

flutter

0 votes

0 answers

0 views

运维伊森 1

• asked Feb 13

React Native 集成 iOS 原生功能指南

React Native 集成 iOS 原生功能完整指南 在 React Native 项目中集成 iOS 原生功能是一个常见需求。本文以打印机功能为例，详细介绍如何在 React Native 项目中集成 iOS 原生功能。 集成步骤概述 创建原生模块（Native Module） 创建桥接文件（Bridge Header） 在 JavaScript/TypeScript 端创建接口 在 React Native 中调用原生功能 详细实现 1. 创建原生模块 首先创建一个继...

react-native

0 votes

0 answers

0 views

全栈苏菲 1

• asked Feb 13

uni-app+vue3跨端仿微信聊天模板实战

uni-app+vue3跨端仿微信聊天模板实战 经过两周的开发，基于uni-app和vue3的仿微信聊天应用项目已经完成。该项目名为uni-vue3-wechat，使用最新的跨端技术uni-app和vue3的setup语法进行开发，实现了仿微信的长按说话语音面板、图片和视频预览、红包以及朋友圈等功能。 使用技术 该项目采用以下技术栈实现跨端兼容： 编辑器：HbuilderX 4.75 技术框架：uni-app + vue3 + pinia2 + vite5 状态管理：pini...

uni-app

0 votes

0 answers

0 views

设计艾米 1

• asked Feb 13

Flutter性能优化实用技巧与最佳实践

不可否认 Flutter 是一个非常强大的移动应用开发框架，我们在技术架构选型时就是选用的 Flutter，特别是跨端能力属实很优秀，但逐渐发现在复杂的应用程序实现中，App 的性能会受到一些影响。其实这个问题，我们内部也有发现，但是出于优先级的考虑，性能优化的需求一直没有排到迭代中，但是产品运营陆陆续续有接到用户反馈使用体验的问题，我们才把这个需求往前提，在需求评审和技术讨论后有一些实现路径结论，也借机在这里进行分享和交流。 Flutter 的渲染流程 在优化 Flutte...

flutter

0 votes

0 answers

0 views

测试露娜 1

• asked Feb 12

lottie-react-native新架构支持：Fabric与TurboModules实现

lottie-react-native新架构支持：Fabric与TurboModules实现 React Native动画性能问题，如卡顿和内存占用过高，随着应用复杂度提升而变得普遍。lottie-react-native通过支持React Native新架构（Fabric与TurboModules），为动画渲染带来性能提升。本文将深入解析新架构实现原理，帮助开发者快速迁移并利用GPU加速能力。 读完本文你将获得： 理解Fabric渲染系统如何优化动画性能 掌握TurboMo...

react-native

0 votes

0 answers

0 views

黑客杰克 1

• asked Feb 12

uni-app Vue3生命周期管理与优化指南

在uni-app开发中，Vue3模式下的生命周期管理是构建高性能应用的核心基础。本文系统梳理了应用、页面、组件三级生命周期的运作机制，并结合实际开发场景提供优化方案。 生命周期体系解析 应用生命周期（App.vue） 应用生命周期控制全局状态，包含4个核心钩子： {code...} 参考资料： [uni-app生命周期官方文档 Vue3生命周期详解]

uni-app

0 votes

0 answers

0 views

码农艾拉 1

• asked Feb 12

Flutter性能分析与优化实践

高性能高流畅度一直是Flutter团队宣传的一大亮点，也是当初选择Flutter的重要因素之一，但是随着复杂业务的应用落地，通过Flutter页面和原生页面滑动流畅度对比，我们开始产生怀疑，因为部分Flutter页面流畅度明显低于Native，是Flutter的宣传言过其实还是我们开发人员使用姿势有问题，今天我们就来具体分析下。 Flutter有四种运行模式：Debug、Release、Profile和test，这四种模式在build的时候是完全独立的。 Debug模式：可以...

flutter

0 votes

0 answers

0 views

码神克莱尔 1

• asked Feb 11

React Native 封装原生 Android WebView 组件完整教程

React Native 已经封装了大部分常见组件，如 ScrollView 和 TextInput，但不可能涵盖所有组件。有时开发者可能需要封装自己的原生组件，幸运的是在 React Native 中封装和植入已有组件非常简单。 原生视图需要通过 ViewManager 的派生类（通常继承 SimpleViewManager）来创建和管理。SimpleViewManager 适用于常见场景，能处理背景颜色、透明度、Flexbox 布局等公共属性。这些管理器本质上是单例，Re...

react-native

0 votes

0 answers

0 views