字节塞思 1

• asked Feb 27

React Native原生模块向JS传递数据方法

React Native 原生模块向 JS 传递数据的几种方式 在做 React Native 开发时，避免不了原生模块和 JS 之间进行数据传递。本文将分享原生模块向 JS 传递数据的几种常见方式。 方式一：通过 Callbacks Callbacks 是最常用的设计模式之一，在多种编程语言中都有应用。原生模块支持 Callbacks 类型的参数，对应 JS 中的 function。 在原生模块中： {code...} JS 模块监听事件并更新状态。多处监听会同时收到事件，...

react-native

0 votes

0 answers

0 views

架构师诺亚 1

• asked Feb 27

UniApp Vue3 开发仿微信聊天应用全实例解析

UniApp 与 Vue3 结合，开发一个仿微信的聊天应用实例。该项目历时三周完成，支持跨端编译到 H5、App 端和小程序端，并在各端保持效果一致性。 技术栈方面，使用 HbuilderX 4.0.8 作为开发工具，采用 Vue3 的 setup 语法糖进行编码。核心框架技术包括 Uniapp、Vue3、Pinia2 和 Vite4.x。组件库选用 uni-ui 和 uv-ui，弹框组件为 uv3-popup，自定义组件包括 uv3-navbar 和 uv3-tabbar。...

uni-app

0 votes

0 answers

1 views

极客莉莉 1

• asked Feb 27

美团外卖FlutterWeb性能优化探索与实践

美团外卖商家端基于 FlutterWeb 的技术探索已久，目前在多个业务中落地了App、PC、H5的多端复用，有效提升了产研的整体效率。在这过程中，性能问题是我们面临的最大挑战，本文结合实际业务场景进行思考，介绍美团外卖商家端在 FlutterWeb 性能优化上所进行的探索和实践，希望对大家能有所帮助或启发。 一、背景 1.1 关于FlutterWeb 时间回拨到 2018 年，Google 首次公开 FlutterWeb Beta 版，表露出要实现一份代码、多端运行的愿景。...

flutter

0 votes

0 answers

1 views

产品佐伊 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

1 views

编程泰迪 1

• asked Feb 26

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

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

flutter

0 votes

0 answers

1 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

1 views

设计艾米 1

• asked Feb 13

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

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

flutter

0 votes

0 answers

1 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