开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

Flutter C++内存分配导致栅格线程jank - Android NDK Dart FFI

Flutter是一种跨平台的移动应用开发框架，它使用Dart语言进行开发。C++内存分配导致栅格线程jank是指在使用Flutter开发Android应用时，由于C++代码中的内存分配问题导致UI线程出现卡顿现象。

栅格线程jank是指UI线程在渲染过程中出现卡顿，导致用户体验下降。在Flutter中，UI线程负责处理用户交互和界面渲染，而栅格线程则负责执行一些耗时的操作，如图片解码、网络请求等。当栅格线程执行耗时操作时，如果UI线程需要等待其完成才能继续渲染，就会导致卡顿现象。

C++内存分配问题是指在使用Flutter时，由于C++代码中的内存分配不合理，导致栅格线程执行耗时操作时频繁触发垃圾回收，从而影响了UI线程的渲染速度，导致栅格线程jank。

解决这个问题的方法有以下几种：

优化C++代码中的内存分配：合理使用内存池、避免频繁的动态内存分配和释放，减少垃圾回收的频率。
使用Dart FFI（Foreign Function Interface）：Dart FFI是Flutter提供的一种机制，可以在Dart代码中直接调用C/C++代码。通过使用Dart FFI，可以将一些耗时的操作放在UI线程中执行，避免栅格线程的卡顿。
使用异步操作：将耗时的操作放在异步任务中执行，避免阻塞UI线程。可以使用Dart的异步编程特性，如async/await、Future等。
使用Flutter性能分析工具：Flutter提供了一些性能分析工具，如Flutter DevTools，可以帮助开发者分析应用的性能问题，包括栅格线程jank。通过分析工具的输出结果，可以找到导致卡顿的具体原因，并进行相应的优化。

推荐的腾讯云相关产品和产品介绍链接地址：

腾讯云移动开发平台：https://cloud.tencent.com/product/mpp
腾讯云云原生应用平台：https://cloud.tencent.com/product/tke
腾讯云数据库服务：https://cloud.tencent.com/product/cdb
腾讯云服务器运维服务：https://cloud.tencent.com/product/cvm
腾讯云音视频处理服务：https://cloud.tencent.com/product/mps
腾讯云人工智能服务：https://cloud.tencent.com/product/ai
腾讯云物联网平台：https://cloud.tencent.com/product/iotexplorer
腾讯云存储服务：https://cloud.tencent.com/product/cos
腾讯云区块链服务：https://cloud.tencent.com/product/baas
腾讯云元宇宙服务：https://cloud.tencent.com/product/vr

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

Flutter ffi实践录

最近琢磨着要给自己的 APP 接一个日志收集的 SDK 备用。考虑到一个问题，目前大多数开源的日志库，例如美团的 Logan 和腾讯的 XLog ，日志的存取都选择了使用 mmap 建立内存文件映射来提升读写效率和日志防丢。如果直接封装 plugin 调用 Android、iOS平台代码的话，就会出现 Flutter -> Platform -> Native 的情况。很显然，这种调用是没有必要的。那可以直接 Dart 调用 C/C++ 吗？答案是可以的。实践了一下 Flutter 通过 ffi 包调用 native C/C++ 代码，ffi 代表 Foreign function interface (外部函数接口)，入门实践可以在 Flutter 的官方文档（https://flutter.cn/docs/development/platform-integration/c-interop）中找到。我们使用 DynamicLibrary 来加载 C/C++ 编写的动态库。在 iOS 中，可以直接在源代码目录写，在Android 中则需要在 Gradle 中配置 CMakeList 。接下来我们以接入 Logan 的 C 代码为例来实践一下，关于 Logan ，可以参考它的 github (https://github.com/Meituan-Dianping/Logan)。

02

【Rust blog】Rust + Flutter 高性能的跨端尝试

稍作配置，同一份代码横跨 Android & IOS，相比于 React Native 方案更加高性能。除此之外，得益于 Rust 跨平台加持，Rust 部分的代码可在种种场合复用。

01

企业微信超大型工程-跨全平台UI框架最佳实践

一. 背景企业微信的跨平台之路企业微信作为跨android、ios、mac、pc、web五个端，超千万行代码的超大型工程，每一个需求迭代周期，都需要5端同步开发、发版，不管是对于开发，还是产品、设计、测试来说，都是一个巨大的挑战。企业微信初期架构设计上就将底层网络、db以及大部分业务逻辑都抽离到c++实现，以供多平台复用。但是UI还是各平台独自处理，从开发的角度来看，移动端的android、ios，电脑端的mac、pc，同样的界面布局，却需要写两套逻辑代码，因此，ui的跨平台诉求是我们的一大痛点

05

Flutter ncnn 使用

Flutter 实现手机端 App，如果想利用 AI 模型添加新颖的功能，那么 ncnn[1] 就是一种可考虑的手机端推理模型的框架。

02

Dart语言概览

前面对Dart语言的基本语法做了简单介绍，本篇文章我们站在一个更高的维度来聊一聊Dart。

02

从 QuickJS 到 Dart VM：稿定跨端渲染工程的运行时演化

原文链接: https://zhuanlan.zhihu.com/p/357382042，转载已获作者 doodlewind 授权

03

Flutter技术与实战(1)

课前必读为什么每一位大前端从业者都应该学习Flutter Flutter开辟了全新的思路，提供了一整套从底层渲染逻辑到上层开发语言的完整解决方案：视图渲染完全闭环在其框架内部，不依赖于底层操作系统提供的任何组件，从根本上保证了视图渲染在 Android 和 iOS 上的高度一致性；Flutter 的开发语言 Dart，是 Google 专门为（大）前端开发量身打造的专属语言，借助于先进的工具链和编译器，成为了少数同时支持 JIT 和 AOT 的语言之一，开发期调试效率高，发布期运行速度快、执行性能好，在代

02

企业微信Flutter与大型Native工程跨四端融合实践

作者：yamichonghe，腾讯 WXG 客户端开发工程师跨平台开发框架是客户端领域的经典课题，几乎从操作系统诞生开始就是我们软件从业者们的思考命题。为了促进 Flutter 在 4 个端的成熟，企业微信研发团队也和 Google 团队针对电脑端 Flutter 稳定版的落地做了多轮技术沟通。终于在近期的版本实现同一个功能跨平台 4 端同步上线。企业微信每一个迭代都需要确保 iOS、Android、Windows、Mac 四个客户端平台的版本功能完全一致，版本发布时间一致。这是非常大的挑战。任何研发投入

02

Flutter 高性能原理浅析

Flutter是Google用以帮助开发者在Ios和Android两个平台开发高质量原生应用的全新移动UI框架.我开始认识Flutter时，经历了三个Flutter重要历史版本.

03

flutter入门简介

Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面，一份代码可以同时生成iOS和Android两个高性能、高保真的应用程序。Flutter目标是使开发人员能够交付在不同平台上都感觉自然流畅的高性能应用程序，并且兼容滚动行为、排版、图标等方面的差异。flutter的开发语言是Dart，如果您使用过Java或JavaScript之类的语言，则能够很快上手，甚至有一些Flutter应用是没有编程经验的人写的！在全世界，Flutter正在被越来越多的开发者和组织使用，并且Flutter是完全免费、开源的。

03

它来了！Flutter3.0新特性全接触

又到了Flutter稳定版发布的时候了--我们非常自豪地宣布Flutter 3! 仅仅三个月前，我们宣布Flutter支持Windows。今天，我们很高兴地宣布，除了Windows之外，Flutter现在在macOS和Linux上也是稳定的!

04

【腾讯经验】闪现社区App网络优化

游戏社区的网络请求主要为App内部的api请求，这类型请求的特点是数据量相对较小、请求集中、并发量高且不可缓存等，原有的App网络框架有如下问题：

07

原生长列表内嵌 Flutter 卡片性能调研

这篇文章主要是对在原生长列表中嵌入多个 Flutter 卡片，每个卡片都对应一个独立的 FlutterView/Engine 这种使用场景进行调研，分析该场景下的性能和内存使用等指标。通过调研，我们希望了解这种使用场景下 Flutter 的性能表现如何，在实际的业务中是否可行。

02

革命性web前端框架Flutter详细介绍和学习路径

Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界，Flutter正在被越来越多的开发者和组织使用，并且Flutter是完全免费、开源的。

04

Dart 异步编程之 Isolate 和事件循环。

尽管 Dart 是个单线程任务，但它提供 Future、Stream、后台任务以及其他特性用于编写现代异步程序以及响应式程序(Flutter)。本文讲的是 Dart 后台任务的基础：Isolate 和事件循环。

05

(译)Dart2.12版本发布，可靠的空安全，dart:ffi正式投入生产

在我们详细研究可靠的空安全和FFI之前，让我们讨论一下Dart平台如何将它们适合我们的目标。编程语言倾向于共享许多的功能。例如，许多语言都支持面向对象的编程或者可以在Web上运行。真正使语言与众不同的是它们独特的功能组合

02

Flutter的原理及美团的实践

Flutter是Google开发的一套全新的跨平台、开源UI框架，支持iOS、Android系统开发，并且是未来新操作系统Fuchsia的默认开发套件。自从2017年5月发布第一个版本以来，目前Flutter已经发布了近60个版本，并且在2018年5月发布了第一个“Ready for Production Apps”的Beta 3版本，6月20日发布了第一个“Release Preview”版本。

02

Rust 移动开发与跨平台模式探究

Rust 在服务端和嵌入式领域已经有很多跨平台模式的应用案例了，本文主要是来探究一下 Rust 在移动开发领域的跨平台开发模式。

05

浅谈跨平台框架 Flutter 的优势与结构顶

目前，移动开发技术主要分为原生开发和跨平台开发两种。其中，原生应用是指在某个特定的移动平台上，使用平台所支持的开发工具和语言，直接调用系统提供的API所开发的应用。原生开发的主要优势体现在： 1.可以快速访问本平台的全部功能，比如摄像头、GPS等； 2.原生应用的速度快、性能高，而且可以实现比较复杂的动画和绘制效果，用户体验较好。原生开发的缺点也很明显，主要体现在： 1.开发成本较高，不同的平台必须维护不同的代码，人力成本也会随之增加； 2.有新的功能需要更新时，只能进行版本升级。随着移动互联网的高速发展，在很多的业务场景下，传统的纯原生开发已经不能满足日益增长的业务需求，主要表现在以下两个方面： 1.应用动态化的需求增大。当需求发生变化，或者是需要增加新的功能时，传统的纯原生应用开发只能通过版本的升级来更新内容，然而应用的上架和审核都需要一定的时间。因此，开发人员迫切地希望进行应用内容的更新时，可以不更新版本，提升工作效率。 2.业务需求变化快，开发成本变高。原生开发一般需要技术团队对iOS、Android两个开发平台进行维护。当版本更新迭代时，开发和测试的成本都会增加。针对上述两个问题，跨平台框架应运而生。

03

为什么那么多公司钟爱 Flutter ？

各公司都开始关注和使用跨端方案【包括大厂阿里巴巴以及腾讯】目前主流的跨端方案主要分为两种：一种是将 JavaScriptCore 引擎作为虚拟机的方案，代表框架是 React Native；另一种是使用非 JavaScriptCore 虚拟机的方案，代表框架是 Flutter。【其中还有一种是使用 Webview 的方案-待会也会讲解到】

02

浅谈跨平台框架 Flutter 的优势与结构

目前，移动开发技术主要分为原生开发和跨平台开发两种。其中，原生应用是指在某个特定的移动平台上，使用平台所支持的开发工具和语言，直接调用系统提供的API所开发的应用。

04

【译】Flutter架构综述

Flutter是一个跨平台的UI工具包，它的设计目的是允许跨iOS和Android等操作系统的代码重用，同时也允许应用程序直接与底层平台服务对接。其目标是让开发者能够交付在不同平台上感觉自然的高性能应用，在尽可能多的代码共享的同时，拥抱存在差异的地方。

01

移动跨平台框架Flutter详细介绍和学习线路分享

Flutter是一款移动应用程序SDK，一份代码可以同时生成iOS和Android两个高性能、高保真的应用程序。 Flutter目标是使开发人员能够交付在不同平台上都感觉自然流畅的高性能应用程序。我们兼容滚动行为、排版、图标等方面的差异。在全世界，Flutter正在被越来越多的开发者和组织使用，并且Flutter是完全免费、开源的。

02

Flutter混合栈路由实践与优化

导语 | 在 Flutter 和原生混合开发的场景里，路由是绕不开的一个话题。但业内的方案中仍存在内存异常，对官方底层的修改也需要不断踩坑。我们在项目实践中，抽离出了一套混合栈路由框架。对内存进行了进一步优化，清晰了对底层代码的修改，同时更易于 Flutter SDK 升级。文章作者：李鹏飞，腾讯IEG前端研发工程师。一、背景及综述 Flutter 在目前跨平台方案中有更好的平台一致性以及更优的体验。但对于本身已有成熟的业务代码的项目来说，更多的是采用混合栈的方式，在不变更原有 App 业务的基

05

Flutter为什么使用Dart？

老孟导读：关于Flutter为什么使用Dart?这个话题，就像PHP是世界上最好的语言一样，争论从来没有停止过，有很多说法，比如： Google是为了推广Dart，Dart是亲儿子。 Flutter团

02

dart：失之东隅收之桑榆

一个月前，如果我要为自己最看不上的三个半语言排个名，dart 恐怕会位列其中。dart 是 google 在 2011 年就推出的编程语言，目标是成为一个结构化的 web 编程语言，暗藏着取代人们天天用又天天骂的 javascript 的野心。记得大约 2014 年前后，我在 youtube 上看了 goto conference 的一个关于 dart 语言的 keynote[1]，于是就对 dart 有些关注了。当时我的感觉是：这特么又一个「编译成 js」的语言 —— 天知道我们需要多少这样的语言。2014 年前后的前端生态还没有今天这么百花齐放 —— 如今一个编程语言没有对应的「编译成 js」的方案，就像没有化妆的女孩儿，都不好意思出门。那个时代 TypeScript 还没有什么人用，「编译成 js」语言里最火的是 CoffeeScript，以及叫好不叫座的 Elm。当然，google 推出 dart 更多的是从工程实践上的考量：在此之前，google 已经从其 GWT（Google Web Toolkit）和 Closure compier（用于优化 js，清除死代码）中得到了一个宝贵的经验：如果有静态类型系统，javascript 的性能优化和大项目工程化可以大大提升一个台阶。

01

深度探索：前端中的后端

disclaimer: 目前这只是一个想法，并没有落地的实现。我打算将这一思想在 quenya client 中实现。

02

Flutter 3.7更新详解

新年伊始，由 Flutter 3.7 正式版来「打头阵」！我们与整个 Flutter 社区们继续在 Flutter 3.7 中优化了框架，包括创建自定义菜单栏和层叠式菜单、更好的国际化工具支持、新的调试工具以及其他功能和特性等。

00

Flutter系列（一）——详细介绍

Flutter 是谷歌推出的开发移动UI框架，可以快速的在IOS和Android上构建高质量的原生用户界面。

01

Flutter系列（一）——详细介绍

Flutter 是谷歌推出的开发移动UI框架，可以快速的在IOS和Android上构建高质量的原生用户界面。

03

【 flutter 】2w 字详细解析引擎初始化、启动流程源码

flutter 可以分层三层，第一层是我们 dart 的代码，包括 UI 组件、动画、Gesture 等等，也就是每次我们新建 dart 文件，需要 import 的那些包里的类：

01

flutter weekly第9期

flutter weekly 是一份免费的每周咨询，可帮助你在 Flutter 开发方面保持领先地位。

01

桌面应用跨端开发的一些框架

受益于开源技术的发展，以及响应快速开发的实际业务需求，跨平台开发不仅限于移动端跨平台，桌面端虽然在市场应用方面场景不像移动端那么丰富，但也有市场的需求。相对于个人开发者而言，跨平台框架的使用，主要为了满足以下三个主要能力：

05

基于跨平台的移动应用开发框架研究

当前由于移动互联网技术的日益发展，人们对移动互联网程序的要求也是越来越高，以往的互联网程序已经不能满足人们日益增长的需求，对此相关的工作技术人员要不断努力，研发出与时俱进的移动互联网程序。

07

[精彩总结] 🦀️Rust 移动端开发体验

因为rust.cc不支持一些github支持的markdown语法，想要有更好的体验，可以跳到这里

02

一项改变游戏规则的技术 - Flutter

"A fast app is great, but a smooth app is even better."

01

.NET 6 预览版发布，Python的跨平台地位受到挑战

跨平台是最近几年非常火的主题，因为现在的各种平台简直太多了。Windows、macOS、Linux、Android、iOS、Web、小程序、IoT等等。以后还可能会不断增加。没人希望挨个为每个平台开发应用，所以就希望开发一次，就同时适应各种平台。目前支持跨平台开发的技术非常多。这里先对这些主要的跨平台技术做一个总结，然后再详细谈谈.NET 6 Preview1。

02

紧急应对金三银四跳槽季，那些想要换个场地的程序员可以在Android市场行动起来了！

又要交房租了，工资怎么还不发？每个月总觉得钱不够花，工资总是跟不上消费，什么时候能涨个工资呢？

01

【Rust日报】 2019-05-22：Mozilla图像团队发布WebRender MVP

（头一次听说kakoune这个编辑器，恕我无知）。期待其他编辑器也支持，最好是能支持自定义各种emoji。

02

客户端软件GUI开发技术漫谈：原生与跨平台解决方案分析

如果你想深入的美化UI，需要耗费很大的力气，对于目前主流的CSS样式表来讲，美化Winform的界面以及自定义控件是需要耗费更多的时间的。

03

Flutter 3更新详解

Flutter 3 实现了 Flutter 以移动端为中心扩展到多平台的产品规划，并在今年 Google I/O大会的主题演讲上正式发布，继Flutter 2.10支持Windows 之后，此次发布提供了对 macOS 和 Linux 桌面端的稳定版支持，同时包括 Firebase 集成的改进，增加了与生产力和性能相关的新特性，并对 Apple 芯片提供了支持。

02

Flutter 从 TextField 安全泄漏问题深入探索文本输入流程

Flutter 的 TextField 相信大家都很熟悉，作为输入控件 TextField 经常出现在需要登录的场景，例如在需要输入密码的 TextField 上配置 obscureText: true ，这时候就会如下图所示，输入框呈现加密显示的状态。

03

跨平台技术演进及Flutter未来

移动互联网发展十余年，伴随着 Android、iOS 等智能手机的不断普及，移动端已逐步取代 PC 端，成为兵家必争之地。正所谓“得移动端者得天下”，移动端已成为互联网领域最大的流量分发入口，一大批互联网公司正是在这大趋势下崛起。

01

为什么Flutter会选择 Dart ？

许多语言学家认为，一个人说的自然语言会影响他们的思维方式。这个理论适用于计算机语言吗？使用不同编程语言编程的程序员针对问题想出的解决方案经常完全不同。举一个极端的例子，为了程序结构更加清晰，计算机科学家取消了goto语句（这与小说《1984》中的极权主义领导者从自然语言中删除异端词语以消除思维犯罪不太一样，但道理就是这样）。

03

（译）Dart 2.13 类型别名、改进FFI、优化性能、Docker镜像支持

今天，我们宣布Dart 2.13具有类型别名，这是目前我们要求排名第二的语言功能。Dart 2.13还包括改进的Dart FFI和更好的性能，并且我们为Dart提供了新的Docker Official Images。这篇文章提供了2.12中引入的null安全功能的更新，讨论了2.13的新功能，有关Docker和Google Cloud对Dart后端的支持的一些令人振奋的消息，并预览了您可能期望在未来版本中看到的一些更改。

02

flutter跨平台原理

React Native 最终渲染工作交还给了系统，虽然同样使用类HTML+JS的UI构建逻辑，但是最终会生成对应的自定义原生控件，以充分利用原生控件相对于WebView的较高的绘制效率。

03

详解flutter engine 那些没被释放的东西

由于flutter一直存在内存泄漏的问题，导致很多开发者不胜困扰，博主在0.9.4就开始对其代码内部内存问题在engine层面修改代码，得到解决，但是对于每个版本都需要跟随官方打包,对于开发者并不是很友好。

04

Flutter中的垃圾回收机制

Flutter主要使用Dart开发语言，在调试和发布两个版本中，Dart RunTime是始终存在，但两种版本下的构建方式有很大的差异

05

Android面试指南：在市场初级开发饱和环境下，如何登上BAT这座山成为巅峰者年薪50W+？

在我刚加入现在这个团队时，那会儿才毕业大半年，我就在思考这个问题，只不过当时更专注于Android开发领域：Android开发的核心竞争力是什么？我有一个专门的笔记来记录对这个问题的思考，由于版本迭代，最初的答案已经难以追溯，大抵就是在强调安卓平台的一些技术要点吧。

00

全网最全 Flutter 与 React Native 深入对比分析

作为 GSY 开源系列的作者，在去年也整理过《移动端跨平台开发的深度解析》的对比文章，时隔一年之后，本篇将重新由环境搭建、实现原理、编程开发、插件开发、编译运行、性能稳定、发展未来等七个方面，对当前的 React Native 和 Flutter 进行全面的分析对比，希望能给你更有价值的参考。

06

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭