Flutter学习

实现效果 接口分析 完整代码 实现效果 接口分析 完整代码 实现效果 接口分析 完整代码 实现效果 接口分析 完整代码

展示分类快捷入口的分页效果 实现方式： 使用PageView组件实现分页效果 使用 flutter_staggered_grid_view 插件实现网格效果 使用AnimatedContainer组件

插件介绍和安装 flutter_swiper_null_safety 插件：一个实现轮播图效果的插件 安装 flutter_swiper_null_safety 插件： pubspec.yaml文件中

报错描述 报错原因 文件中定义了可以为空的值，但又做了非空判断。 解决方法 数据初始值为空值，在异步获取数据之后，才有了值。 所以用三目运算符做判断，如果没有获取数据之前，设置loading效果；有数

为什么要将网络数据转模型数据 后端提供的渲染界面的数据都是字典类型的数据 字典数据渲染界面时，使用key读取数据，而key容易出错 模型数据渲染界面时，由于数据模型是对象，使用模型对象的属性读取数据，

使用dio插件获取首页网络数据 安装dio插件： pubspec.yaml文件中，安装方式如下 发送请求获取网络数据 封装网络请求单例类 为什么要封装网络请求单例类 一个类只允许创建一个实例，那这个类

实现效果 展示页面内容 定义页面组件（首页、分类、购物车、我的） 定义页面列表，存放首页、分类、购物车、我的这四个页面组件 读取页面组件，并赋值给Scaffold组件的body属性（默认读取并展示首页

Wrap使用笔记 Wrap是一个可以使子控件自动换行的控件，默认的方向是水平的，使用起来也很简单。 首先看下他的构造方法：

Vscode dart 设置格式化代码, 打开设置，在setting.json中编辑，把文本复制进去。

实现步骤：  第一步、生成我们需要的key,   在你要生成文件的地方打开，terminal/小黑框执行下列命令:  D:/key.jks  生成签名存放路径 key 密钥名 输入命令以后，会出现下面

[☠] HTTP Host Availability (the doctor check crashed) 解决办法： 1、找到flutter sdk的文件目录，打开下面路径文件 flutter\pa

01-安装Flutter SDK 下载并解压 Flutter SDK（版本 2.10.5） 下载地址： https://flutter.dev/docs/development/tools/sdk/r

前言： Flutter 1.22版本新增了3个按钮，TextButton、OutlinedButton、ElevatedButton，虽然以前的Button没有被废弃，但还是建议使用新的Button。

布局组件-线性布局 Column组件：用于实现纵向布局 常用属性： children：存放要纵向布局的子组件 mainAxisAlignment：主轴(纵向)方向对齐方式 crossAxisAlign

组件简介 Flutter 组件是对结构、样式、逻辑的封装 Flutter组件类型： 无状态组件 有状态组件 Flutter 组件具有自己的生命周期，且内置了生命周期函数 组件简介-无状态组件 无状态组