鸿蒙开发者社区

相对于Android而言。在Flutter中，加载网络图片，是很方便的一件事。通过Flutter提供的API就可以来实现。如下。Image.network("https:xxxxx");但使用后，很快就会发现一些问题，主要有以下几点。Flutter加载网络图片的API仅会将图片缓存在内存中，无法缓存本地。当内存中图片不存在时，又需要重新进行网络请求，这样一来就比较耗费资源。如果在已有项目中添加Flutter模块，那么通过上面API就无法复用Android已有且成熟的网络图...

1、写在前面Flutter自诞生便备受关注，其高效的自渲染技术注定要在性能和体验上优于在这之前的跨端方案，美中不足的是目前Flutter不具备像Hybrid、RN、Weex等拥有的动态更新能力，官方在2019年的Roadmap里面原本有支持动态化的想法，但后来又出于性能、安全等方面的考量而放弃了。最右去做Flutter动态化的目的是为技术选型提供多样的选择，在一些使用H5但交互性强的场景，或者使用原生但非核心的独立场景，提供更优的方案。今天...

导语Flutter框架是当下非常热门的跨端解决方案，能够帮助开发者通过一套代码库高效构建多平台精美应用，支持移动、Web、桌面等多端开发。但仍然有很多产品、设计、甚至开发同学并不了解Flutter，所以本文将深入浅出和大家聊聊Flutter的设计背景、技术特点，以及与其他同类技术之间的对比，希望与大家一同交流。一、跨平台背景1.移动互联网的重要性如上图所示，与2019年1月相比，全球使用互联网的人数已增加到45.4亿，增长了7％...

专辑FlutterDojo的设计之道FlutterDojo设计之道——利用Github打造完善的开源项目FlutterDojo设计之道——骚气的闪屏动画是如何实现的FlutterDojo设计之道——如何打造一个通用的Playground这篇文章是对Flutter动画实现思路的一篇剖析，用一个简单的动画，分析Flutter创建动画的一般步骤闪屏，实际上有两个作用。宣传。通过Logo、广告等形式，在启动时，展示要宣传的广告等内容。后台初始化。借助这个时间做一些后台操作，初始...

在以前的《AndroidPlatformView和键盘问题》一文中介绍过混合开发上AndroidPlatformView的实现和问题，原本Android平台上为了集成如WebView、MapView等能力，使用了VirtualDisplays的实现方式。如今1.20官方开始尝试推出和iOSPlatformView类似的新HybridComposition模式，本篇将通过三小节对比介绍HybridComposition的使用和原理，一起来吃“螃蟹”吧～反复提醒，是1.20不是1.2～～～一、旧版本的VirtualDisplay1.20之前在Flutt...

开篇  在我们的日常开发中，为了给我们的产品塑造更好的形象，产出更好的用户体验，动画🖼是不可或缺的一环。一个好的动画可以让交互更加的简洁，让用户更好理解我们的意图。所以如何添加动画，添加怎样的动画一直都是俺们程序员的难题🔧，其实在我之前的有关绘制的博客、有关贝塞尔曲线的博客中已经有一些动画的苗头了，只是没有展开来说。但是不知道各位有没有思考过这样的问题，我们接触的App中的那些炫酷的动画，...

随着Flutter1.20正式版的发布，Dart2.9中的nullsafety已经可以是试验性使用，所以本篇翻译将介绍Dart中的nullsafety是什么。对于Dart团队而言今天是nullsafety技术预览的一个重要里程碑，nullsafety可以帮助开发者避免一些日常开发中很难被发现的错误，并且额外的好处是可以改善性能，现在nullsafety的早期技术预览已经发布，期待大家的使用反馈。这篇文章将介绍Dart小组推进nullsafety的计划，也从不同的途径解释了，为什么各...

在正式介绍Redux为什么我们需要状态管理。如果你已经对此十分清楚，那么建议直接跳过这一节。如果我们的应用足够简单，Flutter作为一个声明式框架，你或许只需要将数据映射成视图就可以了。你可能并不需要状态管理，就像下面这样。但是随着功能的增加，你的应用程序将会有几十个甚至上百个状态。这个时候你的应用应该会是这样。这又是什么鬼。我们很难再清楚的测试维护我们的状态，因为它看上去实在是太复杂了！而且还会有多个...

研究背后的故事inVerita(inveritasoft.com)一直致力于移动跨平台方案的性能问题，以此来解答哪种场景下开发者需要使用Flutter、ReactNative或原生开发，甚至是你需要选择哪个职业。在之前的《FluttervsNativevsReactNative:Examiningperformance》对比中有一个颇有争议的点，其中有人提出正常情况下我们是不会在ReactNative进行这些重复和复杂的计算，虽然在这种情况下，使用Flutter或Native确实会有更好的表现结果。所以这一次...

使用Xcode手动打包是正常的，但是使用脚本打包会报错，错误如下：Thefollowingbuildcommandsfailed:PhaseScriptExecution[CPUser]\Run\Flutter\Build\Script...ScriptC3A097A8FE12FF5F875B057C.shflutterbuildiosreleasethenrerunArchivefromXcode.CommandPhaseScriptExecutionfailedwithanonzeroexitcode定位错误到Flutter环境目录下，按图上所示地址找到xcodebackend.sh，也可以直接看官方脚本链接Archivebuilds(ACTIONinstal...

前言随着使用Flutter开发的深入加之其生态还不完善，必然会涉及到使用原生View的情况。为此，Flutter也为我们提供了PlatformView方便我们嵌入原生View，以实现一些flutter暂时不支持的功能，但由此也引发了一些性能问题。Flutter与原生View简介实现这里以Android来做一个简介（如果没用过原生View的话，可以百度教程），当我们需要使用一个Android的view时，我们在android端分别实现你的类extendsPlatformView你的类extendsPlat...

最近学习听课，讲师讲了下编码规范及相对应对检测工具讲解，及自己的理解在这里分享下。命名规范命名规范中包括了文件以及文件夹的命名规范，常量和变量的命名规范，类的命令规范。Dart中只包含这三种命名标识。AaBb类规范，首字母大写驼峰命名法，例如IsClassName，常用于类的命名。aaBb类规范，首字母小写驼峰命名法，例如isParameterName，常用于常量以及变量命名。aabb类规范，小写字母下划线连接法，例如isaflutterfilenam...

相信Flutter的开发者应该遇到过，对于大量数据的列表进行图片加载时，在iOS上很容易出现OOM的问题，这是因为Flutter特殊的图片加载流程造成。在Android上FlutterImage主要占用的内存不是JVM的内存，而是Graphics相关的内存，这样的内存调用可以最大程度利用Native内存。一、默认流程Flutter默认在进行图片加载时，会先通过对应的ImageProvider去加载图片数据，然后通过PaintingBinding对数据进行编码，之后返回包含编码后图片数...

本文旨在对Flutter的架构进行高层次的概述，包括构成其设计的核心原则和概念。Flutter是一个跨平台的UI工具包，它的设计目的是允许跨iOS和Android等操作系统的代码重用，同时也允许应用程序直接与底层平台服务对接。其目标是让开发者能够交付在不同平台上感觉自然的高性能应用，在尽可能多的代码共享的同时，拥抱存在差异的地方。在开发过程中，Flutter应用运行在一个虚拟机中，该虚拟机提供有状态的变化热重载，而不需要完全重...

命名路由可以用来在Flutter移动应用内部的页面之间导航，但它们也适用于FlutterWeb应用中的URL。这篇文章解释了如何将命名路由添加到您的应用程序中，以及如何自定义它们，以在路由内部进行模式匹配。定义命名路由通过在MaterialApp类中定义命名路线，可以将其添加到您的应用程序中。MaterialApp.routes属性包含了一张地图，列出了每个命名的路由及其相关的显示部件。MaterialApp.initialRoute属性决定了应用程序启动时显示的路...

简介公司使用的请假和每周报告系统一直是网络版本。我们之前曾考虑过使用移动版本，但是由于某些原因我们没有采取任何措施。最近，LeanCloud发布了FlutterSDK，并决定使用Flutter开发此APP。之所以选择Flutter，主要原因是一份代码可以同时满足iOS和Android两大平台，这样所有同事都可以享受到这款APP带来的便利。APP的后端数据全部存放在LeanCloud，不用担心后端系统的开发维护，实现起来也很简单。APP效果预览AppStore下载链...

前言上手flutter差不多一个月的时间了，总结一下吧！毕竟沉淀(摸鱼)两个月了,还是得重新记录记录下。先说一下本来是打算空闲时间写个app来玩耍一下的,一开始本来想用原生安卓的，后来又想跨平台.然后就筛选了3个方案我已经上手flutter快一个月了，让我们总结一下！毕竟，它已经沉淀（摸鱼）了两个月，所以我必须再次记录下。首先，我说我最初打算编写一个在业余时间玩的应用程序。最初，我想使用原生Android，然后想跨平台。然...

本文将介绍Widget，Element和RenderObject及其各自角色之间的关系。Flutter的三棵树之间的关系，并描述在什么情况下可以使用Context，并通过Element获取手机屏幕显示中相应Widget的位置和大小。在Flutter中通过构建一系列的Widget就可建立起一个应用，一系列的Widget通过一写的结构排列，构成Widgets树，类似HTML中的DOM树。在Flutter项目开发中，通过Widget构建各种显示UI效果，最终显示在手机屏幕上。在Flutter图像绘制原理深...

1、前言Flutter所使用的dart语言具有垃圾回收机制，有垃圾回收就避免不了会内存泄漏。在Android平台上有个内存泄漏检测工具LeakCanary，它可以方便的在debug环境下检测当前页面是否泄漏。本文将会带你实现一个flutter可用的LeakCanary，并讲述我是怎么用该工具检测出了1.9.1framework上的两个泄漏。2、Dart中的弱引用在具有垃圾回收的语言中，弱引用是检测对象是否泄漏的一个好方式。我们只需弱引用观测对象，等待下次FullGC，...

异步编程通常用于网络请求，缓存的数据加载，本地文件图像加载，定时和延迟任务等。在Flutter开发中，使用async打开异步启动处理，并使用await等待处理结果，例如处理网络请求，代码如下代码清单11HTTP的get请求返回值为Future<String>类型，即其返回值未来是一个String类型的值async关键字声明该函数内部有代码需要延迟执行Future<String>getData()async{await关键字声明运算为延迟执行，然后return运算结果returnawaithttp.ge...