前言Flutter作为一种现代的UI工具包,为开发者提供了丰富的工具和小部件,轻松构建漂亮、响应迅速的应用界面。本篇博客将带你踏入Flutter的世界,学习如何巧妙运用图片、按钮、图标,以及行与列进行布局,打造令人惊艳的用户交互体验。无论你是Flutter初学者还是有一定经验的开发者,通过本文的指南,你将掌握使用网络图片和资源图片的技巧,灵活使用按钮和图标,以及构建响应式布局的方法。让我们一同探索Flutter的奇妙之处,为你的应用增色不少!🌈图片与资源📸在Flutter中,图片是构建应用界面时经常使用的元素之一。本文将介绍如何在Flutter中使用两种常见的图片:网络图片和资源图片。网络图片
老孟导读:关于生命周期的文章共有2篇,第一篇是介绍Flutter中Stateful组件的生命周期。博客地址:http://laomengit.com/blog/20201227/Stateful%E7%BB%84%E4%BB%B6%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F.html第二篇是Flutter中与平台相关的生命周期,博客地址:http://laomengit.com/blog/20201227/%E7%9B%B8%E5%85%B3%E5%B9%B3%E5%8F%B0%E7%9A%84%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F
老孟导读:关于生命周期的文章共有2篇,一篇(此篇)是介绍Flutter中Stateful组件的生命周期。第二篇是Flutter中与平台相关的生命周期,博客地址:http://laomengit.com/blog/20201227/%E7%9B%B8%E5%85%B3%E5%B9%B3%E5%8F%B0%E7%9A%84%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F.html博客中还有更多精彩文章,也欢迎加入Flutter交流群。此篇文章所说的生命周期与StatefulWidget组件的生命周期是不同的,这里平台相关的生命周期指的是特定平台相关操作所产生的生命周期,比如
老孟导读:此篇文章是生命周期相关文章的番外篇,在查看源码的过程中发现了这一有趣的问题,欢迎大家一起探讨。Flutter中Stateful组件的生命周期:http://laomengit.com/blog/20201227/Stateful%E7%BB%84%E4%BB%B6%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F.htmlFlutter中与平台相关的生命周期:http://laomengit.com/blog/20201227/%E7%9B%B8%E5%85%B3%E5%B9%B3%E5%8F%B0%E7%9A%84%E7%94%9F%E5%91%BD%E5%9
老孟导读:这是官方公布的2021年路线图,向我们展示了2021年Flutter的主要工作及计划。原文地址:https://github.com/flutter/flutter/wiki/Roadmap。NullsafetyFlutter将支持Dart的soundnullsafety(空安全),并将插件和软件包生态系统的迁移扩展到支持空安全,包括Flutter团队直接维护的软件包和插件。在此过程中,Flutter团队计划提供迁移工具,示例和文档,以帮助迁移现有代码。Nullsafety已经发布了beta版本,2021年将会迁移到稳定版本,此特性有效的避免了空指针异常,kotlin和swift中都
老孟导读:这是2021年源码系列的第一篇文章,其实源码系列的文章不是特别受欢迎,一个原因是原理性的知识非常枯燥,我自己看源码的时候特别有感触,二是想把源码分析讲的通俗易懂非常困难,自己明白和让别人听懂完全是两回事。不过我依然会坚持Flutter源码系列的文章,提高自己的技术水平的同时,也希望大家收获一些知识。为了使源码系列的文章不那么枯燥,文章中会有很多流程图,流程图比纯文字更直观,一图胜千言。我也是第一次写源码系列的文章,如果文章哪里有不对的地方请告诉我,虽然我也不一定听😄,开个玩笑。希望大家来个赞,您的赞是我写下去的巨大动力😄。所有源码系列文章都会分享到我个人博客:http://laome
首先Flutter是一个非常高性能的框架,因此大多时候不需要开发者做出特殊的处理,只需要避免常见的性能问题即可获得高性能的应用程序。重建最小化原则在调用setState()方法重建组件时,一定要最小化重建组件,没有变化的组件不要重建,看下面的Demo,这是一个设置页面,import'package:flutter/material.dart';classSettingDemoextendsStatefulWidget{@override_SettingDemoStatecreateState()=>_SettingDemoState();}class_SettingDemoStateexten
mixin是Dart中非常重要的概念,对于未接触过此概念的Coder来说尤其重要,最近看源码的时候,由于对mixin不熟悉导致理解出现偏差,走了很多弯路,所以这篇文章介绍一下mixin概念。Dart及Engine版本:Engine•revisionae90085a84Tools•Dart2.10.4请注意版本,不同的版本可能存在差异。先来看下官方的定义:Mixinsareawayofreusingaclass’scodeinmultipleclasshierarchies.Mixins是一种在多个类层次结构中重用类代码的方法。在来看下Wiki的解释:Inobject-orientedprogr
Flutter-填平菜鸟和高手之间的沟壑准备写作中... 1、Flutter-skia-影像,Flutterskia-图形渲染层、应用渲染层2、方法通道使用示例,用于演示如何使用方法通道实现与原生代码的交互 需求:提示用户跳转到应用市场去评分 在实际业务中,提示用户跳转到应用市场(iOS为AppStore、Android则为各类手机应用市场)去评分是一个高频需求,考虑到Flutter并未提供这样的接口,而跳转方式在Android和iOS上各不相同,因此我们需要分别在Android和iOS上实现这样的功能,并暴露给Dart相关的接口。 我们先来看看作为客户端的Flutter,怎样实现一次方法调用
老孟导读:昨天期待已久的Flutter2.0终于发布了,Web端终于提正了,春季期间我发布的一篇文章,其中的一个预测就是Web正式发布,已经实现了,还有一个预测是:2021年将是Flutter大跃进的一年,等今年你年底总结的时候,让我们在来验证下这个预测是否应验。后面几天会陆续发布Flutter2.0更新更加详细的内容更新,敬请关注。下面就让我们看看Flutter2.0都有哪些重磅更新,原文链接:https://developers.googleblog.com/2021/03/announcing-flutter-2.html我们针对Web,移动端和台式机构建的下一代Flutter今天,我们