WLDNick

本文的目的在于：介绍快速入门Flutter的知识，学习本篇后你能更好的理解Flutter的框架结构。打好基础后，你可以选择把本文介绍到的每一项更深入的学习，以便完成更加复杂的功能。本文会以知识点加例子的方式来展开。本文将flutter的widget称为控件。 一个Flutter…

UI界面被多次不必要的重绘，就叫overdraw。这是对GPU的浪费，在低端手机还有可能造成界面卡顿。 在您的设备上，转到 Settings（设置） 并点按 Developer Options（开发者选项）。 向下滚动到 Hardware accelerated renderi…

在连接的设备或模拟器上运行您的应用。 点击 Tools > Android > Layout Inspector。 在出现的 Choose Process 对话框中，选择您想要检查的应用进程，然后点击 OK。 1.View Tree：视图在布局中的层次结构。 2.Screens…

在使用 include标签将布局导入其他布局时，可能引入冗余的布局层次，会造成性能损耗。例如： 产生了 冗余的布局层级（不需要的 FrameLayout），为了去掉这个多余的布局，可以使用 merge标签。将layout2.html替换成这样： 例如：merge标签中使用了 a…

原文链接更多教程效果：点击右下角按钮，淡出图标：代码：原文链接更多教程

如果你有移动端开发经验，无论你是iOS还是Android开发者，你都可以利用现有的知识快速理解Flutter开发。 本文会通过对比双端开发和Flutter中的差异来说明。 Flutter中使用 Widget 表示双端开发中的view概念。就像双端中的view一样，它也可以包含其…

如果你已经有iOS项目，可以直接使用。这里我们先创建一个空的iOS项目来模拟已有的项目，取名叫TestOne 上面的命令会创建一个flutter的项目模块，在flutter文件夹中有一个.ios的隐藏文件夹，里面包裹了Cocoapods 和 Ruby 脚本。 如果你的工程已经使…

如果你已经有Android项目，可以直接使用。这里我们先创建一个空的android项目来模拟已有的项目，取名叫TestOne 上面的命令会创建一个flutter的项目模块，在flutter文件夹中有一个.Android的隐藏文件夹，里面包裹了一个安卓库的工程模块。 编译后会在.…

学习Flutter你一定会看到官网的第一个例子：中文版 或 英文版。但是作为新手，或许你看的会很费劲，这篇文章的目的是帮助你更好的理解这个例子。 当你创建一个全新的Flutter工程并运行，界面上会出现熟悉的“Hello world”。 StatelessWidget 代表只有…