Wayfreem的博客

准备工作我使用的环境为 Windows7（公司电脑）、Windows10（自己的笔记本）。 可以看下前面一篇文章上面的提到的需要安装的东西：Flutter学习之环境搭建使用 Android Studio 创建工程新建工程打开 Android Studio， File –> New Flutter Project第一步： 选择 Flutter Application ...

简介Drawer 组件可以实现类似抽屉拉出推入的效果，一般是制作从侧边栏拉出导航面板。通常 Drawer 是和 ListView 组件组合使用的。 Floating Button对应一个圆形图标按钮， 悬停在内容之上，以展示应用程序中的主要动作，所以非常醒目。实现的效果详细说明Drawer 组件可以添加头部效果，用以下两个组件可以实现：Drawer Header ...

我们在其他语言中都存在这继承的操作，在 dart 中同样存在，都是使用 extends 关键字来做为继承。下面就详细介绍下 dart 中的继承。Dart 中的继承操作 使用关键字 extends 继承一个类 子类会继承父类可见的属性和方法，不会继承构造方法 子类能够复写父类的方法，getter 和 setter 单继承，多态性实战新建一个 Person.d...

说明在 Dart 还有一部分特殊的操作符，用于对象的操作。比如：获取对象的成员变量之前判断对象是否存在 “?.”，用于类型转换使用的 as，等，下面就通过代码来做详细的说明，Dart 中的对象操作符 条件成员访问 ?. 类型转换 as 是否指定类型 is，is! 级联操作 ..条件成员访问 ?.class Person{ String name;...

Dart 中的 static 关键字重要点归纳使用 static 关键字来实现类级别的变量和函数 静态成员不能访问非静态成员（ static 关键字修饰的成员 不能访问 非 static 关键字修饰的成员） 非静态成员可以访问静态成员 类中的常量是需要使用 static const 声明测试的基础源码class Page{ int currentPage = 1; ...

类与对象使用关键字 class 声明一个类 使用关键字 new 创建一个对象，new 可以省略 所有对象都继承于 Object 类对象的基础定义与创建// 定义一个Person类class Person{}void main(){ //创建方式一： 可以通过 new 关键字创建 Person person = new Person(); // 创建方...

说明在APP中存在有很多个界面，我们需要将值由一个界面传入另外一个界面。这种情况就是指路由传参。对于路由传参，需要在接收的界面中定义一个接收传递值的变量class MyHomePage extends StatefulWidget { // 类的构造器，用来接收传递的值 MyHomePage({Key key, this.title}) : super(key: key); fi...

简介大多数应用程序具有多个页面或视图，并且希望将用户从页面平滑过渡到另一个页面。Flutter的路由和导航功能可帮助管理应用中屏幕之间的命名和过渡。管理多个页面时有两个核心概念和类：Route 和 Navigator。 一个 route 是一个屏幕或页面的抽象，Navigator 是管理 route 的 Widget。Navigator 可以通过 route 入栈和出栈来实现页面之间的跳转。...

简介Dart 函数的基本语法和 JavaScript 类似，但是不需要输入 function 关键字，这样代码更简练。所有函数都有返回值，没有指定返回值的函数返回 null（返回值类型与参数类型都可以省略）。代码实例解释方法定义返回类型 方法体 (参数1, 参数2, ...){ 方法体... return 返回值}String getPerson(String ...

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Ma...

Dart简介Dart 是谷歌开发的用于浏览器编程的一门语言，据说其主要目的是替代掉 javascript 。但是现在 Flutter 用上了这个语言，没有办法了，学不动也需要去看看了。说一下Dart现在的应用范围，如果想看具体细节，Dart官网—传送门服务器： Dart可以做独立的服务器，还是挺靠谱的Web应用： Dart可以取代Javascrip，使前端开发更高效，...

说明前面一篇已经介绍了怎么搭建 Dart 的环境。既然环境有了，就需要使用开发工具了（IDE）。毕竟我们开始学习任何一门语言都是从 “Hello Word” 开始。下面呢，就介绍下两种 IDE：VS Code 和 WebStorm 。下载和安装 VS Code 、 WebStorm 就不在这里过多的赘述了。直接开始集成 Dart 相关的插件以及打印出 “Hello Word” 。使用 ...

简介每当我们去学习一个新的语言的时候，就都是从入门的程序开始。比如我们学习 java 那么就是从 System.out.print(“Hello world”) 开始。我们学习 Flutter 也是一样。准备工作新建一个 flutter 工程，可以参考 创建Flutter工程检查是否启用了material design 在工程的根目录下的文件：pubspec.yaml 中的找...

简介Scaffold 实现了基本的 Material 布局。只要是在 Material 中定义了的单个界面显示的布局控件元素，都可以使用 Scaffold 来绘制。提供展示抽屉（drawers，比如：左边栏）、通知（snack bars） 以及 底部按钮（bottom sheets）。我们可以将 Scaffold 理解为一个布局的容器。可以在这个容器中绘制我们的用户界面。源码图示...

简介现在我们的 APP 上面都会在屏幕下方有一排的按钮，点击不同的按钮可以进入不同的界面。就是说在界面的底部会有一排的按钮导航。可看下下面的图示。完成图示 程序工程目录 梳理下实现步骤我们需要实现这个底部菜单导航，就需要有底部菜单的那一排图标按钮。图标按钮是固定在一个工具栏 “bar” 上面。然后呢，需要分别需要有按钮对应的界面，就是说按钮有多少个，那么界面需要对应的有多少...

通过这篇文章可以学习到怎么给程序添加交互。了解Flutter的交互写法，以及了解到Stateful（有状态） 和 stateless（无状态） widgets这个区别。在什么时候使用Stateful（有状态） 和 stateless（无状态） widgets。

Flutter是Google使用Dart语言开发的移动应用开发框架，用来帮助开发者在iOS和Android平台上开发高性能、高质量的原生应用。Flutter是跨平台的免费开源UI框架，iOS和Android可以共用一套代码。

Dart 中抽象类概述抽象类使用 abstract 表示，不能直接被实例化 抽象方法不用 abstract 修饰，无实现 抽象类可以没有抽象方法 有抽象方法的类一定得定义为抽象类抽象类中的方法写法abstract class Person{ // 定义属性 String name = "人"; // 可以赋初始值 int age; // 定义方法 run(...