
flutter复习
文章平均质量分 59
Flamingo_huohuo
一个沉迷代码无法自拔的终身学习者
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
flutter应用开发--sliver组件的子类:列表类SliverList,网格类SliverGrid,头部类SliverAppBar,占位和分隔类SliverPadding
在 Flutter 里,Sliver是用于构建可滚动布局的基础抽象类,它有许多实用的子类,这些子类各自具备不同的功能和用途,以下为你详细介绍常见的Sliver。原创 2025-05-06 07:31:59 · 377 阅读 · 0 评论 -
flutter应用开发--sliver组件的名称由来,作用以及用法
在 Flutter 中,“sliver” 这个术语源自印刷和排版领域,以下从历史背景、在 Flutter 中的含义及作用方面详细解释其名称由来。原创 2025-05-06 07:29:26 · 382 阅读 · 0 评论 -
flutter应用开发--shrinkWrap属性的适用场景: 控制 ListView 是尽可能占据可用空间,还是根据子项的实际大小来调整自身尺寸
shrinkWrap属性主要用于控制ListView是尽可能占据可用空间,还是根据子项的实际大小来调整自身尺寸。原创 2025-05-06 07:26:47 · 217 阅读 · 0 评论 -
flutter应用开发--Material 组件:布局组件,交互组件ElevatedButton和TextFiel,列表组件ListView,提示组件SnackBar,对话框组件AlertDialog
在 Flutter 里,Material 组件是依据 Google 的 Material Design 设计语言所构建的一组 UI 组件,这些组件具备一致的设计风格、交互效果和动效,能让开发者快速构建出美观且易用的应用界面。下面为你详细介绍一些常见的 Material 组件及其使用方法。原创 2025-05-04 23:29:29 · 399 阅读 · 0 评论 -
flutter应用开发--屏幕适配:1响应式布局LayoutBuilder和OrientationBuilder2.弹性布局Expanded和Flexible3.尺寸单位MediaQuery4第三方库
综上所述,通过使用响应式布局组件、弹性布局组件、尺寸单位、适配字体和图标,以及借助第三方库等方法,可以有效地处理 Flutter 中 Material 组件在不同屏幕尺寸上的适配问题。根据父组件的最大宽度,判断是小屏幕还是大屏幕,然后采用不同的布局方式。能够获取父组件的约束信息,然后依据这些约束动态调整子组件的布局。可以获取设备的屏幕尺寸信息,从而根据屏幕尺寸动态调整组件的大小。是一个常用的屏幕适配库,它可以根据设计稿的尺寸进行适配。在这个例子中,根据屏幕宽度的比例来设置字体大小。值的比例分配水平空间。原创 2025-05-04 23:14:14 · 270 阅读 · 0 评论 -
flutter应用开发--Row组件在垂直方向默认居中对齐
核心原因是 Row的默认垂直对齐方式为居中),且父容器的高度约束和内边距确保了Row在有限高度内居中对齐子组件。如果需要改变垂直对齐方式(如顶部或底部对齐),可以显式设置Row的Row(crossAxisAlignment: CrossAxisAlignment.start, // 垂直顶部对齐// 或 crossAxisAlignment: CrossAxisAlignment.end, // 垂直底部对齐。原创 2025-05-04 22:56:15 · 495 阅读 · 0 评论 -
flutter应用开发--flutter的颜色模式:使用Colors常量类,Color构造函数--Color(ARGB值),Color.fromARGB(),Color.fromRGBO()
在 Flutter 中,有多种方式来表示颜色,下面为你详细介绍不同的颜色模式及其使用方法。原创 2025-05-04 22:28:40 · 297 阅读 · 0 评论 -
flutter应用开发--Positioned 组件的定位规则、定位方式以及定位中心点
在 Flutter 中,Positioned组件通常和Stack组件配合使用,用于精确控制子组件在Stack布局中的位置。下面详细介绍Positioned组件的定位规则、定位方式以及定位中心点。原创 2025-05-04 21:00:26 · 374 阅读 · 0 评论 -
flutter应用开发--1.Stack组件的尺寸规则:根据父组件或者子组件的尺寸;2.定位规则:alignment: Alignment.center指定 Stack 中非定位子组件的对齐方式
以下是一个简单修改后的代码示例,添加了一个非定位的文本组件,以更直观地展示。的最终尺寸是由所有子组件的布局和位置共同决定的,而不是仅由。组件的尺寸默认由其内容和布局约束共同决定。中非定位子组件(即没有使用。中水平和垂直方向都居中对齐。组件的一个属性,用于指定。包裹的子组件)的对齐方式。表示将这些非定位子组件在。是定位子组件,它的位置由。是非定位子组件,它会在。施加固定的尺寸约束。在这个修改后的代码中,原创 2025-05-04 20:57:13 · 378 阅读 · 0 评论 -
flutter应用开发--TextAlign.center 的作用是让文本内容在自身所在容器的水平方向居中,以及使文本居中的三种方式
的作用范围是文本组件自身的宽度,而非父容器的宽度。若想让文本在屏幕上居中,需先让文本组件的父容器占满屏幕宽度(如Expanded),或用Center组件将文本块整体居中。原创 2025-05-04 20:26:30 · 256 阅读 · 0 评论 -
flutter应用开发--使用Expanded组件解决文本溢出的问题
在 Flutter 中,Expanded。原创 2025-05-04 20:11:13 · 257 阅读 · 0 评论 -
flutter应用开发--Expanded组件作用:1.子组件尽可能地填充主轴方向上剩余的空间;2.通过 flex 属性调整 Expanded 组件的填充比例
在 Flutter 里,Expanded组件是Flexible组件的子类,它可让子组件尽可能地填充主轴方向上剩余的空间。你能够通过flex属性调整Expanded组件的填充比例。原创 2025-05-04 20:09:18 · 210 阅读 · 0 评论 -
flutter应用开发--根组件的要求和特点,以及常见的3种根组件:MaterialApp,WidgetsApp和CupertinoApp
在 Flutter 中,根组件是应用程序 UI 树的起始点,它为整个应用程序提供了基础结构和上下文。原创 2025-05-04 19:49:15 · 436 阅读 · 0 评论 -
flutter应用开发--YAML和JSON有什么区别?
从示例中可以明显看出,YAML的语法更加简洁、易读,而JSON的语法更加严格、规范。原创 2025-05-04 19:47:37 · 426 阅读 · 0 评论 -
flutter应用开发--YAML和JSON有什么区别?
从示例中可以明显看出,YAML的语法更加简洁、易读,而JSON的语法更加严格、规范。原创 2025-05-02 22:30:41 · 309 阅读 · 0 评论 -
flutter应用开发--.yaml名称由来
YAML 是 “YAML Ain’t Markup Language”(YAML 不是标记语言)的缩写。这是一种递归缩写,体现了 YAML 设计的初衷:它并非像 HTML、XML 这类传统的标记语言,而是作为一种轻量级的数据序列化格式。与标记语言不同,YAML 更注重数据的可读性和简洁性。它使用缩进、空格和特定符号来表示数据结构,使得文件内容对于人类来说更容易理解和编写。这种特性让 YAML 广泛应用于配置文件、数据交换等场景,像在软件开发里配置项目参数、在 DevOps 流程里定义部署规则等。原创 2025-05-02 22:29:10 · 649 阅读 · 0 评论 -
flutter应用开发--使用assets中的资源:1.在pubspect.yaml中声明,2.重启应用更新配置文件.3.在代码中使用assets资源
在Flutter项目里,assets文件夹的位置通常是相对固定的,而且要在文件中声明,这样才能被项目识别和使用。以下是关于assets。原创 2025-05-02 22:27:29 · 722 阅读 · 0 评论 -
flutter应用开发--注意点:括号闭合,分号结尾,避免在build中进行耗时操作,使用const和final,状态管理,资源释放,模块化,命名规范
在使用 Flutter 编写代码时,除了要保证{}原创 2025-05-02 22:21:02 · 327 阅读 · 0 评论