Flutter
文章平均质量分 97
RikkaTheWorld
一个OTAKU
展开
-
Flutter学习 文件操作与网络请求
文章目录1. 文件操作1.1 App 目录1.2 示例1. 文件操作Dart 有 io 库,包含了文件读写,所以可以通过该库可以操作 Dart VM 下的脚本 和 Flutter。和 Dart VM 相比, Flutter 一个比较重要的差异是文件系统路径不同, Dart VM 是运行在 PC 或 服务器操作系统下, 而 Flutter 是运行在 移动操作系统(Android 、 iOS)中,这会导致文件系统有一些差异。1.1 App 目录Android 和 iOS 的应用存储目录不同, Path原创 2022-01-07 09:34:32 · 716 阅读 · 0 评论 -
Flutter学习 功能型Widget
文章目录1. WillPopScope1.1 示例2. InheritedWidget2.1 didChangeDependencies2.2 深入了解 InheritedWidget1. WillPopScope是导航返回拦截的组件, 类似于 Android 中封装的 onBackPress 方法,来看看它的构造函数:class WillPopScope extends StatefulWidget { const WillPopScope({ Key? key, require原创 2021-12-29 09:42:14 · 667 阅读 · 0 评论 -
Flutter学习 可滚动Widget 下
文章目录11 自定义 Sliver11.1 Sliver 布局协议11.2 Sliver 模型 和 盒模型11.3 SliverFlexibleHeader11 自定义 Sliver这里通过官方示例的两个 Sliver, 来说明 Sliver 布局协议和 自定义 Sliver 的具体过程11.1 Sliver 布局协议Viewport 将当前布局信息和配置信息通过 SliverConstraints 传递给 SliverSliver 确定自身的位置、绘制等信息,保存在geometry 中 ,这就原创 2021-12-23 10:30:18 · 2222 阅读 · 0 评论 -
Flutter学习 可滚动Widget 中
文章目录5. AnimatedList5.1 实例代码6. GridView6.1 SliverGridDelegateWithFixedCrossAxisCount6.2 GridView.count6.3 SliverGridDelegateWithMaxCrossAxisExtent6.4 GridView.extent6.5 GridView.builder6.5.1 范例5. AnimatedListAnimatedList 和 ListView 功能差不多, 顾名思义,它在列表中插入节点或原创 2021-12-20 09:23:46 · 717 阅读 · 0 评论 -
Flutter学习 可滚动Widget 上
文章目录1. 可滚动组件介绍1.1 Scrollable1.2 Viewport1.3 Sliver1.4 可滚动组件的通用配置1.5 ScrollController1.6 子节点缓存1.7 Scrollbar2. SingleChildScrolView1. 可滚动组件介绍Flutter 中有两种布局模型:基于 RenderBox 的盒布局模型基于 RenderSliver 的按需加载列表布局Sliver 的作用是: 加载子组件并确定每一个子组件的布局和绘制信息,如果 Sliver 可以包原创 2021-12-14 21:06:34 · 2973 阅读 · 1 评论 -
Flutter 学习 容器类Widget
文章目录1. 概述2. 填充 Padding3. 装饰容器 DecoratedBox3.1 BoxDecration4. 变换 Transform4.1 平移4.2 旋转4.3 缩放4.4 RotatedBox5. Container容器6. Clip7 FittedBox8. 脚手架 Scaffold1. 概述容器类和布局类都是接收子Widget展示,他们有很多相同点,而它们的不同点是:布局Widget一般接收一个 Widget 数组,它们直接或间接继承自 MultiChildRenderObje原创 2021-12-09 09:41:06 · 484 阅读 · 0 评论 -
Flutter 学习 布局类Widget
文章目录1. 布局类组件介绍2. 布局原理与约束布局2.1 BoxConstraints2.2 ConstrainedBox2.3 SizedBox2.4 多重限制2.5 UnconstrainedBox3. 线性布局4. 弹性布局5. 流式布局6. 层叠布局7. 对齐与相对定位8. LayoutBuilder、AfterLayouter参考1. 布局类组件介绍布局类组件可以容纳一个或多个子组件,Widget根据容纳子树,大致分为三种,如下:Widget说明用途LeafRende原创 2021-12-02 09:32:16 · 2049 阅读 · 0 评论 -
Flutter 学习 Basics Widget
文章目录1. 概述2. 常用组件2.1 Text2.1.1 TextStyle2.1.2 TextSpan参考文章1. 概述上一篇说到,Basics Widget 并不是 Flutter 的一个专门的Widget类别,而是 Flutter 官方挑选一些开发常用的 Widget 构成的,希望我们掌握到一些最基本的开发能力。包括:文本 Text按钮 Button图片 Image单选框、复选框输入框、表单指示器Container…2. 常用组件2.1 TextText 用于显示简单原创 2021-11-25 14:45:30 · 2143 阅读 · 0 评论 -
Flutter学习 Widget简介
1. Widget 概述1.1 Widget概念在 Flutter 中,几乎所有的对象都是一个 Widget ,与原生的“控件”的,Flutter 中的 Widget 是一个更广泛的概念,正所谓一切皆可Widget, 它不仅可以表示 UI 元素,也可以表示一些功能性的组件,例如 Theme、GuestureDector等。Flutter 的 Widget 其实就是 “组件”、“部件”、“控件”的概念, 因为其实际灵感是来源于 React, 所以其目标就是通过 Widget 嵌套 Widget 的方式原创 2021-11-17 09:55:11 · 3562 阅读 · 0 评论 -
Flutter学习(3)一些项目概念以及对Flutter的看法
现在我们需要去搞懂Flutter项目中的一些基础的概念。我们从Flutter的模板项目(计数器)来看看概念。1.应用入口void main() => runApp(MyApp());和C/C++ Java一样,在Flutter中,main()是程序的入口。这个就做了一件事,runApp(MyApp()) ,使用 => 是如果函数只有一行,可以使用这个表达式。即函数又是这样的:...原创 2020-01-18 17:28:09 · 485 阅读 · 0 评论 -
Flutter学习(2)Dart语言浅学
Dart语言对我来说是一个全新的语言,为了更好的开发Flutter,我需要花一定时间去学会Dart。但是Dart好像比较容易上手~1. 变量声明1. var它可以接受任何类型的变量。只要var赋值,它的类型就会确定,不能再改变其类型。2. dynamic 和ObjectObject是Dart所有对象的根基类,也就是说所有类型都是 Object的子类,跟Java一样,任何类型的数据都可以...原创 2020-01-17 16:21:59 · 226 阅读 · 0 评论 -
Flutter学习(1)初识Flutter
今天开始学习Flutter,学习的资料为 Flutter中文网1.Flutter是什么,为什么学习它Flutter是Google发布的一个用于创建跨平台、高性能移动应用的框架。现在移动平台下的App,分为原生开发和混生开发,他们是这样定义的:1. 原生开发一个平台,有其支持的一整套框架。比如Android平台,它有自己的语言Java、Kotlin,有自己的一整API—Android S...原创 2020-01-15 14:07:24 · 404 阅读 · 0 评论