Flutter Tutorial Table Of Content
目录
基础组件
布局组件
[Flutter 布局组件 - 叠加布局组件(Stack/IndexedStack)]
[Flutter 布局组件 - 流式布局组件(Wrap)]
[Flutter 布局组件 - 自定义布局组件(Flow)]
定位装饰权重组件
滚动组件
[Flutter 滚动组件 - ListView]
[Flutter 滚动组件 - GridView]
[Flutter 滚动组件 - PageView]
数据组件
- [Flutter 数据组件 - DataTable]
布局实例
[Flutter 布局实例 - 无限滚动布局实例]
状态管理
本博客所有文章除特别声明外，均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来源 Laohoo！
相关推荐
2021-12-04
在 Windows 10/11 配置 Flutter 开发环境
关联文章 在 Windows 中同时安装多个 JDK 使用 Android SDK 命令行工具搭建 Flutter 开发环境 安装 Flutter SDKFlutter 到现在为止, 还处于高速发展的初始阶段, Flutter SDK 的各个大版本之间, 存在一些不兼容的情况, 所以建议选择使用 stable 发行通道的 Flutter SDK 最新版本。 下载 Flutter SDKFlutter SDK 下载地址： Flutter 官方网站：https://docs.flutter.dev/development/tools/sdk/releases 清华大学镜像：https://mirrors.tuna.tsinghua.edu.cn/flutter/flutter_infra_release/releases/stable/windows/ 解压 Flutter SDK将压缩包解压, 然后把其中的 flutter 目录整个放在你想放置 Flutter SDK 的路径中（例如 D:\AppData, 解压后路径为: D:\AppData\flutter）,...
2022-10-09
在 Linux Mint 21 安装 Flutter 开发环境
开发环境： Dell Inspiron I5 7559 Intel Core i5 6th Gen 6300HQ (2.30GHz) NVIDIA GeForce GTX 960M Linux Mint 21 5.15.0-48-generic, locale en_US.UTF-8 OpenJDK Runtime Environment (build 11.0.16+8-post-Ubuntu-0ubuntu122.04) Visual Studio Code 1.72.0 Flutter version 3.3.4 on channel stable Git 2.34.1 前段时间把用了六年的 Dell Inspiron I5 7559 处理了一下: 拆掉失效的电池; 把买电脑时自带的 128GB 固态硬盘装回去; 把500GB的机械硬盘拆下来, 放到硬盘底座上当个移动硬盘用; 然后给它安装了一个 Linux Mint 21。 本来想给 NVIDIA GeForce GTX 960M 显卡安装一个 NVIDIA 驱动的, 试着安装了几个版本不成功,...
2022-05-04
在 Flutter 中使用 Freezed
https://github.com/rrousselGit/freezed https://www.developer.school/tutorials/how-to-use-freezed-with-flutter https://runble1.com/flutter-freezed-tutorial/ Freezed 是一个不可变类的代码生成器, 用于数据类/联合/模式匹配/克隆的代码生成器。不可变类的代码生成具有简单的语法/API，而不会影响功能。 在 Dart/Flutter 中定义模型(model)的时候, 经常要附加以下的工作： 定义一个构造函数+属性 覆盖 toString、运算符 ==、hashCode 实现一个 copyWith 方法来克隆对象 处理反序列化 除此之外，Dart 还缺少联合类型和模式匹配等功能。实现所有这些可能需要数百行代码，这很容易出错并且模型的可读性显着。 Freezed...
2022-04-09
在 Flutter中使用 go_router 配置路由
go_router 基于 Navigation 2 的 Flutter 声明式路由, 通过使用声明式路由来降低复杂性, 适用于各种不同的目标平台(mobile、Web、desktop), 是由 Flutter 生态系统委员会选出的表现出最高质量水平的软件包(Flutter Favorites)。 开发环境： Microsoft Windows 10 Enterprise LTSC [Version 10.0.19044.1586], locale zh-CN Flutter 2.10.3 • Channel Stable, Dart 2.16.1 Visual Studio Code, 64-bit edition (version 1.66.1) OpenJDK Runtime Environment (build 11.0.11+9-b60-7590822) Android SDK version 30.0.3, Platform android-31, build-tools 30.0.3 新建项目执行命令，创建新项目：flutter create...
2022-03-18
使用 Android SDK 命令行工具搭建 Flutter 开发环境
准备的软件： Flutter SDK (stable channel), 下载地址：https://docs.flutter.dev/development/tools/sdk/releases OpenJDK 11 (可以使用其他的 JDK, 最低版本要求是 11, 可以使用更高版本的 JDK ) Android SDK Command-line Tools(latest) 下载地址：https://developer.android.google.cn/studio?hl=zh-cn#command-tools Visual Studio Code 下载地址：https://code.visualstudio.com/Download 雷电模拟器、 夜神模拟器 或 Android Studio 自带的模拟器任选一个（也可以使用其他可以连接到开发工具的模拟器）,雷电模拟器 安装好即可使用; 夜神模拟器 需要做一个额外的配置。 最新版的 Android Studio 安装文件夹下的 jre 文件夹是自带的 OpenJDK 11.0.10, 我从另外一台安装有...
2021-02-04
flutter introduction part II：使用Provider 的深浅色模式和多语言切换
上一节创建了项目，并通过 Intl 实现在项目的多语言国际化支持。但是还没有在项目提供多语言的切换功能。 这一节除了实现多语言的选择切换功能，还同时实现项目的深色、浅色主题切换，需要用过以下两个包： Provider: Provider是 Google I/O 2019官方推荐的状态管理方式，是一套实现跨组件状态共享的解决方案。 shared_preferences : shared_preferences 是一个轻量级存储类，以键值对的形式保存设置，属性和数据。 准备工作在项目的 pubspec.yaml 文件中增加以下包依赖： Provider的最新版本查询：https://pub.dev/packages/providershared_preferences的最新版本查询：https://pub.dev/packages/shared_preferences 123456789101112dependencies: flutter: sdk: flutter # 国际化 flutter_localizations: sdk: flutter ...
