要点
Flutter 布局的核心机制是 widget。在 Flutter 中,几乎所有东西都是 widget — 甚至布局模型都是 widget。你在 Flutter 应用程序中看到的图像,图标和文本都是 widget。此外不能直接看到的也是 widget,例如用来排列、限制和对齐可见 widget 的行、列和网格。
布局
流程
- 选择一个布局Widget
- 创建一个可见Widget
- 将可见Widget添加到布局Widget
- 将布局Widget添加到页面
- 运行应用
上一篇Flutter应用已经能在iOS,macOS和,chrome环境下正常运行了,这次把Android跑通。
macOS 15.4.1
Visual Studio Code 1.99.3
Flutter 3.29.3 • channel stable • https://github.com/flutter/flutter.git
Framework • revision ea121f8859 (11 days ago) • 2025-04-11 19:10:07 +0000
Engine • revision cf56914b32
Tools • Dart 3.7.2 • DevTools 2.42.3JDK 17
Gradle 8.10.2
Flutter的Android的工具链
macOS 15.4.1
Xcode Version 16.3 (16E140)
Visual Studio Code 1.99.3
Flutter 3.29.3 • channel stable • https://github.com/flutter/flutter.git
Framework • revision ea121f8859 (11 days ago) • 2025-04-11 19:10:07 +0000
Engine • revision cf56914b32
Tools • Dart 3.7.2 • DevTools 2.42.3
iPhone iOS(13.4.1)
iPhone iOS(18.0.1)
网络原因对镜像做的一些处理
1 | $ export PUB_HOSTED_URL="https://pub.flutter-io.cn" |
下载后SDK镜像,我是放到/usr/local
,所以在终端执行下面的代码
macOS Ventrua 13.4
ffmpeg 7.7.1
Visual Studio Code Version: 1.99.0 (Universal)
FFmpeg 下载源码
1 | $ cd ffmpeg-x.y.z |