jclee95的个人博客

在构建现代移动应用程序时，与后端服务的交互是不可避免的。Flutter作为一个流行的跨平台框架，提供了多种方式与后端API进行交互。Dio是一个强大的Dart HTTP客户端，它支持请求拦截、响应拦截、错误处理、全局配置等功能，非常适合用于Flutter应用程序中进行网络请求。本文将深入探讨如何在Flutter中使用Dio的拦截器功能，以实现高效的API请求管理和身份验证刷新。

本文旨在介绍如何通过使用Mixin来简化Flutter中的表单验证，从而解决传统方法中的这些问题。Mixin是一种强大的工具，它允许我们在不必扩展类的情况下重用代码，从而提高代码的可维护性和可重用性。

本文适合具有一定Flutter开发经验，希望进一步提升JSON处理技能的开发者。通过学习本文，读者将能够掌握json_serializable的高级用法，从而更加轻松地处理Flutter项目中的复杂JSON数据。

在Flutter开发过程中，管理不同版本的Flutter SDK可能是一个挑战，尤其是当你同时在多个项目上工作，而这些项目又可能依赖于不同版本的Flutter。这里介绍一个解决方案：Flutter Version Manager (FVM)。

the utils 是一个用于 Dart/Flutter 编程的工具与库。

【简介】：本文总结了数十道 Flutter/Dart 中常见的问题，所有的问题提供了答案提示。这些问题既可以用于Flutter入门，也可以用于面试问答。

Flutter Web支持原理与实践

本文从设计角度，考虑滑块组件的使用场景，实现一个滑块组件应该包含的功能，介绍 Flutter 中滑块组件的用法，并分析 Slider 的实现源码。

我们将从 GPS 定位的基本概念开始，然后介绍在 Flutter 中使用的定位库，接着我们将一步步地编写一个 Flutter 应用，展示如何获取当前位置，如何监听位置变化，以及如何处理可能出现的定位错误。当设备的 GPS 功能被关闭时，location.getLocation 和 location.onLocationChanged 方法会抛出一个 LocationException 异常。location 的 API 设计简洁明了，对于大多数需要 GPS 定位的应用来说，location 已经足够使用。

今年推出的还有新的方舟系列开发套餐，包括，ArkUI（方舟UI框架），ArkTS（对应的开发语言，TS的超集），以及推出多时的ArkCompiler（方舟编译器）。方舟开发框架提供了丰富的内置组件，包括文本、图片、按钮等基础组件，以及可包含一个或多个子组件的容器组件，满足开发者自定义绘图需求的绘制组件，以及提供视频播放能力的媒体组件等。方舟开发框架内置了丰富的多态组件，包括文本、图片、按钮等基础组件，可包含一个或多个子组件的容器组件，满足开发者自定义绘图需求的绘制组件，以及提供视频播放能力的媒体组件等。

Flutter - 获取设备信息

Flutter布局原理、布局约束、突破布局约束

Flutter 路由观察者相关话题笔记。

【简介】本文介绍在 Flutter 中 基于使用相机拍摄、录制、切换像头、调整焦距以及曝光等相关知识，以及相关的权限处理。各个部分都配备了操作步骤，以及使用案例，内容丰富翔实。

本文主要介绍了Dart和Flutter中的文件系统操作和文件存储。首先，我们将探讨Dart中的文件系统基础，包括文件、目录和链接的基本概念及其操作方法。然后，我们将学习如何在Dart中处理文件路径，以及如何进行文件的读写操作。接着，我们将讨论如何在Flutter中进行文件存储，包括如何使用path_provider库来获取应用的文件存储路径，以及如何读写特殊类型的文件。

本文主要介绍了Dart和Flutter中的文件系统操作和文件存储。首先，我们将探讨Dart中的文件系统基础，包括文件、目录和链接的基本概念及其操作方法。然后，我们将学习如何在Dart中处理文件路径，以及如何进行文件的读写操作。接着，我们将讨论如何在Flutter中进行文件存储，包括如何使用path_provider库来获取应用的文件存储路径，以及如何读写特殊类型的文件。

本文主要介绍Flutter中的build方法和构建上下文对象相关知识。

在 Flutter 中，GestureDetector 组件可以识别和处理各种手势，包括拖拽手势。GestureDetector 提供了一系列的回调函数，这些函数在不同的手势事件发生时被调用，例如当手势开始、更新或结束时。对于拖拽手势，GestureDetector 提供了专门的回调函数来处理垂直拖拽、水平拖拽和二维拖拽。在构建交互式应用程序时，处理用户的手势输入是至关重要的一部分。Flutter 提供了一套丰富的手势识别系统，使得开发者可以轻松地实现各种手势操作，如点击、双击、拖拽、缩放等。

在 Flutter 中，缩放手势是一种常见的交互方式，它允许用户通过双指触摸屏幕来改变 UI 元素的大小。这种手势常用于查看图片、地图等场景中。本文接下来将先后介绍如何使用 GestureDetector 和更底层的 ScaleGestureRecognizer 各自实现缩放的代码如何写。

在3D计算机图形中，4x4矩阵最常见的用途是作为变换矩阵，这在各种 UI 框架中都非常常见，比如前端的 three.js 中也有类似对象。文本介绍 Flutter 中 Matrix4 矩阵变换的基础知识及其简单应用。本文涉及很一些学知识，不理解的读者可以参考线性代数相关教材。

介绍：Flutter 3.16 中带来的更新

这意味着它可以用来匹配给定目录中匹配模式的所有文件，而不会匹配子目录中的文件。当需要自己做类似的 Flutter/Dart 项目的工程化工具时，可以回过头来参考本文中介绍的相关知识。由于它是同步的，所以它会立即返回所有匹配的文件系统实体。库是一个强大的文件系统遍历工具，它提供了一种简洁的方式来描述和匹配文件路径模式。库就是 Dart 语言中这样一个类似的工具，在很多常用的命令行工具中，都有它的使用，比如。模式来查找和匹配文件系统中的文件和目录。它可以包含大于一个的任何数量的选项，甚至可以包含嵌套的选项。

文本主要介绍 Flutter 桌面应用开发中多窗口管理。 指导开发者能够更轻松地构建具有多窗口功能的桌面应用程序，介绍一种简单的方式来创建和管理多个窗口，支持在 Windows、macOS 和 Linux 上构建原生桌面应用程序。使得开发者可以轻松地创建新窗口，控制窗口的大小、位置、最小化、最大化、全屏、关闭等操作，以及在不同窗口之间共享数据。

使得开发者可以轻松地控制窗口的大小、位置、最小化、最大化、全屏、关闭等操作。此外，它还允许开发者自定义窗口的外观，包括窗口的标题、图标、背景颜色等。模块提供了一种简化窗口管理、自定义窗口外观和交互的方法，使开发者能够更轻松地构建具有桌面风格的应用程序。通过这些高级功能，你可以提供更丰富的交互体验，使你的 Flutter 桌面应用程序更加易用和友好。提供了一系列的函数，用于进行窗口的最小化、最大化、全屏和关闭操作。对象，可以设置窗口的最小大小、当前大小、位置、标题等属性，并可以显示窗口。

本文旨在介绍在 Flutter 中通过 sqflite 模块使用 SQLite 数据库. 概述Flutter笔记在Flutter应用中使用SQLite数据库（基于sqflite）作者【简介】本文旨在介绍在 Flutter 中通过 sqflite 模块使用 SQLite 数据库。目 录1. 概述2. 安装和配置 sqflite2.1 添加依赖2.2 导入模块3. SQL 基础知识 和 SQLite 工具3.1 创建表3.2 插入数据3.3 查询数据3.4 更新数据3.5 删除数据3.6 数据库工具4. 创建

今天在某金社区看到一些上火的评论。浅谈一下啊，谁将会动那些抵制学习还装懂的人的蛋糕——开发环境现状与为什么选择Flutter。

本文提供 Flutter 框架中 ScrollView 类源码注释的中文翻译以及必要的分析解说。

本文提供 **Flutter** 框架中 **BoxScrollView** 类源码注释的中文翻译以及必要的分析解说。

这个构造函数接收多个参数，其中最重要的是 maxCrossAxisExtent，它决定了交叉轴上每个格子的最大宽度。构造函数接收多个参数，其中最重要的两个参数是 gridDelegate 和 childrenDelegate，这两个参数都是必需的。GridView.extent 构造函数用于创建一个可滚动的二维部件数组，其中交叉轴上的每个格子都有最大的宽度。的方法来获取布局信息。可以灵活地适应各种需求，例如创建固定列数的网格，或者创建具有固定最大宽度的网格。类型的对象，它是一个委托，负责创建网格的子部件。

Flutter.源码分析译.flutter/packages/flutter/lib/src/widgets/scroll_view.dart/ListView

build_runner 库是一个用于自动化代码生成的工具。文章首先解释了build_runner的用途和安装方法，然后详细介绍了其内置命令、选项以及输入和输出的处理方式。文章还通过两个实例（json_serializable和Floor ORM框架）展示了如何在实际项目中使用build_runner来自动生成代码。

在Flutter中，有多种方式可以控制组件的可见性。这包括使用Opacity，Offstage和Visibility等组件。这些组件都可以用来控制其子组件的可见性，但它们的工作原理和使用场景有所不同。在本文中，我们将首先回顾这三个组件的基本用法和工作原理，然后我们将比较这三个组件的性能和适用场景，以帮助你选择最适合你需求的组件。

这样，无论屏幕的尺寸如何变化，都能保证顶部导航栏的布局适应屏幕尺寸。，它获取的屏幕信息在获取时就已经固定，不会随着屏幕尺寸的变化而变化。如果你需要响应屏幕尺寸的变化，你需要在屏幕尺寸变化时重新获取MediaQuery的信息。我们实现响应式Header的基本思路是，根据屏幕的宽度来选择显示不同的顶部导航栏。来获取屏幕的尺寸和方向，然后根据这些信息来动态调整组件的布局和样式。如果你只需要获取屏幕的信息，并不需要响应屏幕尺寸的变化，那么。来获取父组件的最大宽度，然后根据最大宽度来决定子组件的宽度。

如果你对一些原生 Flutter 和 GetX 中的概念不熟悉，如状态提升、控制器、改变通知、GetX控制器、GetX服务，可以在阅读本文前先阅读《状态模式、控制器模式、GetX控制器和服务》。本文假设你已经有这些基础的情况下，进而介绍针对于 GetX 状态实例采用单例模式的实践，以及 依赖注入 在基于 GetX 的 Flutter 项目中的应用。

本文聊一聊状态提升、控制器模式，GetX简单状态管理与响应式状态管理、GetX服务的相关思想和使用。

Quicktype 应用提供了一种将JSON转换成漂亮、类型安全的代码的方式，支持多种编程语言。该站点的要功能包括：JSON 转代码： 通过 quicktype 的 web 应用程序，用户可以将示例 JSON 数据转换为各种编程语言中的类型定义和序列化代码。用户只需提供样本 JSON、URL、JSON 模式或 GraphQL 查询，quicktype 就能生成相应的代码。

本文介绍了Flutter框架中 BoxFit 枚举不同枚举值的含义，以及归纳了开发中常见的以 BoxFit 为值的组件，如FittedBox组件Image、FadeInImage等等；以及非组件的工具，如DecorationImage类、applyBoxFit 函数，等等。

1. 主要知识点介绍Flutter笔记绘制一个简单的时钟作者这一期带来点轻松的活，使用Flutter绘图（Canvas）绘制一个时钟。目 录1. 主要知识点介绍2. 整体步骤3. 代码实现4. 效果展示F. 完整代码1. 主要知识点介绍Flutter 绘图 ：CustomPainter是一个可以在Canvas上进行自定义绘制的类。我们创建了一个ClockPainter类，继承自CustomPainter，并在paint方法中实现了时钟的绘制逻辑。

具体来说，有多个不同的小文本，前一个文本向上移除的同时、后一个文本向上移入中间位置。我打算将一些常用的组件，对于少数常用的原生组件，如 Text、TextSpan、以及各种原生的Button，已经提供了对应的方案。循环滚动文字常用于封装一些需要展示多个文本的场景，算得上是基本组件中的基本组件。这个组件完全是受启发于我之前写前端代码时使用过光影按钮的效果，但是前端是使用CSS实现的。模块，主要提供的是一个基于 dp 尺寸的设计稿解决方案，记录在我的博客【的动画复刻了一个类似的效果。

运行一个Flutter项目时提示：Launching lib\main.dart on 21091116C in debug mode…Warning: Observed package id ‘build-tools;30.0.3’ in inconsistent location ‘D:\Android\android-sdk\build-tools\30.0.3-2’ (Expected ‘D:\Android\android-sdk\build-tools\30.0.3’)Warning: Al