前言 看完本章节你将知道: 什么是空安全 空安全的原则 如何启用空安全 空安全的类型 空断言运算符 late修饰符 视频教程 空安全视频教程地址 空安全介绍 空安全null-safe type system是在Dart 2.12中引入的，如果开启空安全，默认情况下代码中的类型不能为空，也就是说除非声明该类型是可以为空的，否则值不能为空。 空安全是官方极...
Flutter 手势系列教程---GestureDetector
GestureDetector介绍 在前面的文章中我们介绍了Listener，而GestureDetector是对Listener的封装，提供非常多的手势,包括单击、双击、拖动、混合手势等。 视频教程地址 手势系列视频教程地址 什么情况下使用GestureDetector？ 当我们需要对文字需要增加点击事件时，或者需要对组件进行拖动、缩放等那我们就可以借助GestureDetecto...
Flutter 手势系列教程---MouseRegion
MouseRegion介绍 在我们进行h5开发的时候，我们都知道css有一个hover来改变元素的样式，那么我们在Flutter中也可以通过MouseRegion是监听区域内鼠标的进入和退出以及移动轨迹。 视频教程地址 手势系列视频教程地址 什么情况下使用MouseRegion? MouseRegion常用于Flutter的Web开发或者桌面程序中，当我们鼠标需要对某个组件进入或者退...
Flutter 手势系列教程---Listener
Listener介绍 Listener它是主要的功能是用来监听屏幕触摸事件，取决于它的子组件区域范围，比如按下、移动、抬起、取消等操作时可以添加监听。 我们知道Flutter组件只有按钮才会有事件，那么如果我需要在文字或者某个容器上添加事件那我就需要借助Listener 视频教程地址 手势系列视频教程地址 在什么情况下使用Listener？ Listener常用于当手指滑动屏幕时进...
Flutter GetX系列教程---Cli使用以及常用命令
GetX Cli安装 视频教程地址 零基础视频教程地址 第一步：安装Cli脚手架 我们通过命令flutter pub global activate get_cli 进行脚手架的全局安装，本文以Mac OS为例。 JMdeMacBook-Pro:~ jm$ flutter pub global activate get_cli Resolving dependencies... +...
Flutter GetX系列教程---GetView、GetWidget
GetView介绍 GetView只是对已注册的Controller有一个名为controller的getter的const Stateless的Widget，如果我们只有单个控制器作为依赖项，那我们就可以使用GetView，而不是使用StatelessWidget，并且避免了写Get.Find()。 视频教程地址 零基础视频教程地址 GetView如何使用 GetView的使用方法...
Flutter深入浅出组件篇---Center、完结
Center介绍 Center就是将子组件进行一个居中展示，它继承自Align，因为Align默认的对齐方式是居中的，所以它能实现居中效果，如果Center的尺寸没有受到限制，那么它将尽可能大。 示例代码 本文中很多效果都没有截图，可下载源代码运行项目 源代码地址，或者通过视频教程查看 视频教程地址 什么情况下使用Center？ 当我们需要对子组件进行居中的时候使用Center。 ...
Flutter GetX系列教程---GetUtils
GetUtils介绍 GetUtils是getx为我们提供一些常用的工具类库，包括值是否为空、是否是数字、是否是视频、图片、音频、PPT、Word、APK、邮箱、手机号码、日期、MD5、SHA1等等。 视频教程地址 零基础视频教程地址 我们这里举几个简单的例子： 以判断是否是邮箱、手机号、IPV4地址为例 import 'package:flutter/material.dart'...
Flutter深入浅出组件篇---ClipOval、ClipPath
ClipOval介绍 ClipOval是裁剪子组件为椭圆的组件，默认情况下，将轴对齐的椭圆内切到其布局尺寸中，并防止其子项在该椭圆外绘制，但可以使用自定义剪刀自定义剪辑椭圆的大小和位置。 示例代码 本文中很多效果都没有截图，可下载源代码运行项目 源代码地址，或者通过视频教程查看 视频教程地址 什么情况下使用ClipOval？ 当我们需要对子组件进行椭圆裁剪时我们就用ClipOval...
Flutter GetX系列教程---新闻案例
前言 在前面的文章中我们对GetX的基础知识进行了讲解，包括状态管理、路由管理、依赖管理、国际化等。 今天我们来将一个小案例用于结合前面学习的知识做一个总结，这个案例主要是讲解网络数据请求、模型处理、GetXController，用MVC模型来实现。 视频教程地址 零基础视频教程地址 请求网络数据 我们新建一个ApiService.dart用于请求网络数据，该数据是一个新闻列表的数...