03.Flutter布局类组件
布局 布局类组件都会包含一个或多个子组件,不同的布局类组件对子组件排列(layout)方式不同,如表 4-1 所示: Widget 说明 用途 LeafRenderObjectWidget 非容器类组件基类 Widget 树的叶子节点,用于没有子节点的 widget,...
布局 布局类组件都会包含一个或多个子组件,不同的布局类组件对子组件排列(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 来学习。 ...
Flutter 事件基础 Flutter 原始事件 Listener 组件 Flutter 中可以使用 Listener 来监听原始触摸事件 Listener({ Key key, this.onPointerDown, // 手指按下回调 this.onPointerMove, // 手指移动回调 this.onPointerUp, // 手指抬起回调 this...
Flutter 介绍 什么是 Flutter? Flutter 是 Google 推出的一套开源跨平台 UI 框架,可以快速地在 Android、iOS 和 Web 平台上构建高质量的原生用户界面。同时,Flutter 还是 Google 新研发的 Fuchsia 操作系统的默认开发套件。在全世界,Flutter 正在被越来越多的开发者和组织使用,并且 Flutter 是完全免费、开源的...
Dart 异步基础 Dart 单线程模型 Dart 是单线程的。网络请求和 IO 读写不会阻塞单线程吗? 网络请求本身使用了 Socket 通信,而 Socket 本身提供了 select 模型,可以进行非阻塞方式的工作; 文件读写的 IO 操作,我们可以使用操作系统提供的基于事件的回调机制; 问题? 在多核 CPU 中,单线程是不是就没有充分利用 CPU 呢? ...