鸿蒙开发者社区

前言上手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...

本文将从源代码的角度描述State的四种状态的变换时机，并从State的角度了解BuildContext的使用时间。State有四种状态：created：当State对象被创建时候，State.initState方法会被调用；initialized：当State对象被创建，但还没有准备构建时，State.didChangeDependencies在这个时候会被调用；ready：State对象已经准备好了构建，State.dispose没有被调用的时候；defunct：State.dispose被调用后，State对象不能够被构建。当一个...

今天，我意外地看到Fuchsia系统即将进入“dogfood”测试，也就是说，开发人员已经开始亲自测试该系统，并且它可能会在不久的将来进入公开测试阶段。对于Flutter开发人员来说，这是个好消息。Fuchsia是Google开发的继Android和ChromeOS之后的第三个系统，它是在2016年首次被人提及，之后陆陆续续曝光的信息也可以看出Fuchsia是计划运行在智能手机、智能家具、电脑等设备之上，而目前看到最有可能采用FuchsiaOS的就是各类智能嵌入...

Key是什么用官方的说法就是：key是用来作为Widget、Element和SemanticsNode的标示，仅仅用来更新widgetkey相同的小部件的状态。Key子类包含LocalKey和GlobalKey。LocalKey看下LocalKey的定义：abstractclassLocalKeyextendsKey{constLocalKey():super.empty();}LocalKey定义了初始化函数，默认为值空。LocalKey子类包含ValueKeyObjectKeyUniqueKey，如图所示：ValueKeyValueKey顾名思义是比较的是值看下关键函数overrideboolope...

当下最火的跨端技术，当属于Flutter，应该没人质疑吧。一个新的技术的趋势，最明显的特征，就是它一定想把“前浪”拍死在沙滩上。这个前浪，就是"reactNative","weex"。目前随便在搜索引擎上搜索"FlutterreactNative",就全是这两个技术的对比，评测。前言一股股浓浓:不服来“掰”啊！！！的味道。是的，错过了reactNative,weex这些“炸”翻前端的技术，不能在错过Flutter了，这年头，你不会一门跨端技术，怎么好意思说自己是【...

周末发表了一篇文章《这个项目也太屌了吧》，给大家推荐了一个炫酷的Flutter粒子时钟项目，不过没有将具体实现思路和代码，所幸，作者自己写了一篇博客,将这个项目的背景、实现思路、和所遇到的问题记录了下来，我觉得对非常有用，因此翻译出来，整理给大家！原文题目《我是如何创建粒子时钟，并赢得了FlutterClock挑战的》。背景Google在2019年11月18日发起了TheFlutterClockChallenge挑战活动，内容很简单：使用FlutterUI工具...

StatelessWidget是什么？继承自Widget,状态不可变，用于描述UI展示中相对固定的部分，如纯展示，不会被改变的UI。abstractclassStatelessWidgetextendsWidget{constStatelessWidget({Keykey}):super(key:key);overrideStatelessElementcreateElement()>StatelessElement(this);protectedWidgetbuild(BuildContextcontext);}通过其类的定义能够看到StatelessWidget配置StatelessElement。方法概述build方法：描述：用于描述当前w...

Flutter万物皆Widget的理念很容易搭建出这样一个WidgetTree。在这个WidgetTree中，通常会存在很多组件之间的相互依赖，时间一长，就很容易变成下面这样。这是申明式编程的通病，因为Widget用于展示数据，而数据可能来源于很多其它的Widget，这时候跨Widget共享数据、传递数据，就变得很麻烦，而且不容易管理。所以，Flutter在StatelessWidget、StatefulWidget的基础之上，还有一个InheritedWidget，专门用于进行数据、状态的共...

适用于新手入门Flutter的学习手册及开发规范。本说明书围绕着：Flutter技术落地使用、环境配置及日常开发踩坑总结、项目结构规划及实例说明、代码规范、插件使用规范、现有公共组件和待改进等七个方面Flutter技术落地使用​Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。Flutter可以与现有的代码一起工作。在全世界，Flutter正在被越来越多的开发者和组织使用，并且Flutter是完全免费、开源的...

前言目前pub上关于webview有两个点赞最多的插件，webviewflutter和flutterwebviewplugin经过一番比较选择了后者：flutterwebviewplugin，这里将记录写出来，希望对你有所帮助两者区别webviewflutter：flutter官方开发维护，采用的platformView显示。受flutter端控制（在树内），对于页面过渡动画是可协调，受控制的。flutterwebviewplugin：flutter社区开发维护，采用的是原生端添加渲染的方式。因为是原生端绘制，不在flutter...

FutureFuture有三种状态未完成、完成带有值、完成带有异常，使用Future可以简化事件任务。假如你有一个按钮，点击之后开始下载图片，首先事件循环机制会处理你的点击事件，然后开始下载图片，当下载完成，你可以使用then来注册回调，然后获取到图片并显示出来。通常我们不会直接创建，网络下载图片会返回一个Future,文件IO会返回一个Future,那我们怎么创建一个呢？只需要关键字async就表示该函数异步执行，返回类型是Future。Fu...