通过runtimeType可以获取当前数据类型 var a = 10; var b = 10.0; var c = '10'; var d = true; var e = [12.5,13.1]; var f = {3:'5',5:'11'}; var t = new Test();// 这里就直接使用上面那个Test类 不再去重复写这个类了 print('a 的类型是: ${a.runtimeType}'); // a 的类型是: int print('b 的类型是: ${b.runtimeT…

1 基本内容1.1 继续关系Object > Diagnosticable > DiagnosticableTree > Widget > StatelessWidget > Container注:所有控件都是Widget的子类! 1.2 介绍一个便利的控件,结合了常见的绘画,定位和大小调整. 1.3 行为由于Container结合了许多其他Widget,每个Widget都有自己的布局行为,因此Container的布局行为有点复杂. 依次是: 1.采用alignment 2.…

Flutter:一个移动应用开发框架,它使用 Dart.C++.Skia 开发,对外提供了完全不依赖系统平台的 Widget 的能力,只通过自绘图形的方式工作,具有极其优秀的跨平台性.目前已经支持了 iOS.Android.Fuchsia. macOS 下,安卓模拟器的进程名为:sdkqemu-system-i386,可在任务管理器强行关闭. 如果提示:Please configure Android SDK,需要将 ANDROID_HOME 环境变量设置为相应的 SDK 安装目录 构建UI界面…

在Flutter中,我们可以用下面的代码从文件中加载图像: Image.file(File(_fileName)); 这个时候,当_fileName这个文件名称和路径不变,文件内容变化时,Flutter并不会更新显示.问题产生的原因是Flutter自动使用了缓存. 那么怎么办呢? 我查看到,Image.file 实际上会将 image 设置为 FileImage 这个 ImageProvider.FileImage 的代码中,在进行 operator 时,只判断了文件路径和缩放比例.正是因为如此…

The Dart Analyzer 这个工具帮助你分析代码,发现可能的错误. 运行命令行 终端进入flutter工程所在目录,执行flutter analyze 使用IntelliJ IDEA Dart Observatory dart语句级单步调试器和分析器 运行命令行 终端进入flutter工程所在目录,执行flutter run命令运行app,运行的时候,在控制台可以看到一个Observatory URL(如http://127.0.0.1:8100/),我们可以通过浏览器打开,直接用语句…

前言:Flutter官方文档里的一句话:you build your UI out of widgets(使用Flutter开发UI界面时,都是使用Widget),然而,Widget并不是我们真正看到的视图,背后究竟是什么?其实Flutter Framework提供了三种视图树,即:Widget  Element  RenderObject,只不过,我们使用Flutter开发界面时,通常只和widget打交道,就如前文中所展示的Materail风格或者Cupertino(IOS风格)的各种Wid…

Flutter Widget采用现代响应式框架构建,这是从 React 中获得的灵感,中心思想是用widget构建你的UI. Widget描述了他们的视图在给定其当前配置和状态时应该看起来像什么.当widget的状态发生变化时,widget会重新构建UI,Flutter会对比前后变化的不同, 以确定底层渲染树从一个状态转换到下一个状态所需的最小更改(译者语:类似于React/Vue中虚拟DOM的diff算法) 注意: 如果您想通过代码来深入了解Flutter,请查看 构建Flutter布局 和 …

一,概述 业务开发中经常会碰到这样的情况,多个Widget需要同步同一份全局数据,比如点赞数.评论数.夜间模式等等.在安卓中,一般的实现方式是观察者模式,需要开发者自行实现并维护观察者的列表.在flutter中,原生提供了用于Widget间共享数据的InheritedWidget,当InheritedWidget发生变化时,它的子树中所有依赖了它的数据的Widget都会进行rebuild,这使得开发者省去了维护数据同步逻辑的麻烦. InheritedWidget是一个特殊的Widget,开发者可…

一,前言 在开发 Flutter 的过程中你可能会发现,一些小部件的构造函数中都有一个可选的参数——Key.在这篇文章中我们会深入浅出的介绍什么是 Key,以及应该使用 key 的具体场景. 二,什么是Key 在 Flutter 中我们经常与状态打交道.我们知道 Widget 可以有 Stateful 和 Stateless 两种.Key 能够帮助开发者在 Widget tree 中保存状态,在一般的情况下,我们并不需要使用 Key.那么,究竟什么时候应该使用 Key呢. 我们来看看下面这个例子…

一,概述 Notification是Flutter中一个重要的机制,在Widget树中,每一个节点都可以分发通知,通知会沿着当前节点(context)向上传递,所有父节点都可以通过NotificationListener来监听通知,Flutter中称这种通知由子向父的传递为“通知冒泡”(Notification Bubbling),这个和用户触摸事件冒泡是相似的,但有一点不同:通知冒泡可以中止,但用户触摸事件不行. Flutter中很多地方使用了通知,如可滚动(Scrollable) Widge…