06.Flutter Color和Theme
Color 将颜色字符串转成 Color 对象 Color(0xffdc380d); // 如果颜色固定可以直接使用整数值 // 颜色是一个字符串变量 var c = "dc380d"; Color(int.parse(c,radix:16)|0xFF000000) // 通过位运算符将Alpha设置为FF Color(int.parse(c,radix:16)).withAlpha(2...
Color 将颜色字符串转成 Color 对象 Color(0xffdc380d); // 如果颜色固定可以直接使用整数值 // 颜色是一个字符串变量 var c = "dc380d"; Color(int.parse(c,radix:16)|0xFF000000) // 通过位运算符将Alpha设置为FF Color(int.parse(c,radix:16)).withAlpha(2...
可滚动组件介绍 Sliver 布局模型 Flutter 有两种布局模型: 基于 RenderBox 的盒模型布局。 基于 Sliver ( RenderSliver ) 按需加载列表布局。 Sliver 可以包含一个或多个子组件,只有出现在视窗口时才会去构建子组件,这种模型称为 基于Sliver的列表按需加载模型,可滚动组件中有很多都支持基于 Sliver 的按需加载模型...
容器类 Widget 和布局类 Widget 都作用于其子 Widget,不同的是: 布局类 Widget 一般都需要接收一个 widget 数组(children),他们直接或间接继承自(或包含)MultiChildRenderObjectWidget ;而容器类 Widget 一般只需要接收一个子 Widget(child),他们直接或间接继承自(或包含)SingleChildR...
布局 布局类组件都会包含一个或多个子组件,不同的布局类组件对子组件排列(layout)方式不同,如表 4-1 所示: Widget 说明 用途 LeafRenderObjectWidget 非容器类组件基类 Widget 树的叶子节点,用于没有子节点的 widget,...
Text 文本 Text 属性 基本属性 textAlign 文本的对齐方式;可以选择左对齐、右对齐还是居中。注意,对齐的参考系是 Text widget 本身。 center: 文本以居中形式对齐,这个也算比较常用的了。 left: 左对齐,经常使用,让文本居左进行对齐,效果和 start 一样。 right : 右对齐,使用频率也...
Flutter Widget Widget 概念 在 Flutter 中几乎所有的对象都是一个 widget;Flutter 中万物皆为 Widget。Flutter 中的 widget 的概念更广泛,它不仅可以表示 UI 元素,也可以表示一些功能性的组件如:用于手势检测的 GestureDetector 、用于 APP 主题数据传递的 Theme 等等 Widget 接口 @imm...
pubspec.yaml 简单的 pubspec.yaml name: flutter_in_action description: First Flutter Application. version: 1.0.0+1 dependencies: flutter: sdk: flutter cupertino_icons: ^0.1.2 dev_dependenc...
国际化 flutter_localizations 包 配置 默认情况下,Flutter SDK 中的组件仅提供美国英语本地化资源(主要是文本)。要添加对其他语言的支持,应用程序须添加一个名为 “flutter_localizations” 的包依赖 dependencies: flutter: sdk: flutter flutter_localizations: ...
http 网络请求 Http 插件 dart:io http http 基本使用 示例:请求百度首页 class HttpBaiduDemo extends StatelessWidget { const HttpBaiduDemo({super.key}); @override Widget build(BuildContext context) { ret...
03.Flutter 动画 Flutter 动画 动画类型 Flutter 中动画分成两类:基于 tween 或基于物理的。 tween 补间动画:在补间动画中,定义了开始点、结束点、时间线以及定义转换时间和速度的曲线;然后由框架计算如何从开始点过渡到结束点 物理动画:基于物理的动画,运动被模拟为与真实世界的行为相似。 动画 API 具体看 samples 来学习。 ...