鸿蒙开发者社区

随着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...

背景Flutter已经是大势所趋。在这里我将不详细介绍Flutter与原生版本的各种比较以及优缺点。毕竟，我只是一个初学者，只有我使用的感受和总结才是最直接的，对吧？因此，我们不妨尝试这种以学习态度代表未来的跨终端解决方案。那么，既然要尝试，肯定不能allin，毕竟大家的老项目要是一把推翻重来，这种风险谁都扛不住的，包括阿里、腾讯这种大厂。而新项目又一般都会很赶时间，不允许我们去慢慢踩坑。当然如果公司有一些小项目...

内存水平上升引起的稳定性问题严重影响了用户的应用程序体验，因此开发人员非常关注Flutter的内存性能。随着Flutter业务的数量不断增加，仙宇还面临着由oom引起的崩溃率增加的问题。让我们与您分享基于项目中实际遇到的内存问题和解决方案的Flutter内存优化的经验。内存水平上升引起的稳定性问题严重影响了用户的应用程序体验，因此开发人员非常关注Flutter的内存性能。随着Flutter业务的数量不断增加，仙宇还面临着由oom引起的...

背景如图，在使用TextField弹出数字键盘时，发现iOS端键盘没有完成按钮，这样在内容输入完成后，无法将键盘隐藏，十分不便。搜索问题出现了，当然要解决，作为一个“懒”人，第一步当然是问下Google了。万能Google的第一条搜索结果便指向了Github上Flutter仓库对应的issues,通过翻看相关的评论，发现已经有人发布了对应插件来解决这个问题，插件名字为KeyboardActions，这里看下这个插件的介绍：AddfeaturestotheAndroidiOSkeyb...

Dojo的设计之初，是为了能够演示Flutter中，多如牛毛的Widget，所以，一个通用的Demo演示界面，就显得非常有必要了，一是可以节省很多通用的代码，二是可以让Demo的演示，专注于Demo本身，而不需要考虑其它的东西。所以，一个通用Playground，我希望包含下面几个功能。代码展示分享路由跳转突出Demo介于上面的这几个需求，同时参考了官方Demo——Gallery的设计，最终定了下面的设计稿。中间的卡片区域，用于演示Demo，作为Demo...

如何利用Github打造FlutterDojo开源项目一个好的GitHub开源项目不仅是开发人员专业知识的体现，而且还是自我展示的平台。一个专业的GitHub开源项目可以吸引更多开发人员参与该项目的协作开发。能够让项目健康，可持续地发展。项目地址：https:github.comxuyishengflutterdojo个性化个人主页GitHub主页给了开发者一个公开的个人展示界面，不用搭建服务器，你就可以免费获得一个属于自己的展示页面，不过这也是GitHub的一个彩蛋功...

前言我一直觉得高德地图主页上的Drawer滑动得非常漂亮，并且具有某种科技感。我以前使用Android做过，最近不忙时又用Flutter做过一次。示意图为了方便区分布局结构，我使用了不同的颜色Drawer高度状态可以看到drawer高度有三种情况：最大高度距离顶部有一小段空间，这里空间高度定位70，drawer的高度为：屏幕高度70中等高度这里我们将drawer的显示高度定位300最小高度这里drawer的显示高度定位150Drawer的ui结构可以看到drawer...