Flutter

安装

1. 1

   安装 Flutter SDK

   在 VS Code 中安装 Flutter 扩展并让它自动下载 SDK，或从 docs.flutter.dev 下载对应操作系统的 SDK，解压后把其中的 bin 目录加入 PATH。Dart SDK 已包含在内。

2. 2

   检查开发环境

   运行 flutter doctor，查看 Android Studio、Xcode、Chrome、Visual Studio 等各目标平台所需的工具是否齐全。只需准备要构建的平台对应的工具。

   flutter doctor

   复制
3. 3

   创建第一个项目

   用 flutter create 创建项目，并在已连接的设备、模拟器或浏览器上运行。运行期间保存代码，热重载会立即应用改动。

   flutter create hello_app && cd hello_app && flutter run

   复制

第一个程序

第一个应用

每个 Flutter 应用都从 lib/main.dart 中的 main 函数开始，传给 runApp 的 widget 会占满整个屏幕。MaterialApp 提供 Material Design 应用的基本骨架，Scaffold 提供单个页面的基础布局，Center 和 Text 则在中间显示文字。把 flutter create 生成的 main.dart 替换为这段代码，再用 flutter run 运行即可。

import 'package:flutter/material.dart';

void main() {
  runApp(
    const MaterialApp(
      home: Scaffold(
        body: Center(child: Text('Hello, world!')),
      ),
    ),
  );
}

flutter create hello_app && cd hello_app && flutter run

常用工具

Flutter CLI

通过 flutter 命令完成项目创建、运行、测试、构建、包管理和环境检查。

DevTools

一套调试工具，可检查 widget 树、查看布局、分析性能与内存并查看网络请求。

VS Code

安装 Flutter 和 Dart 扩展后，可使用代码补全、设备选择、调试以及保存时热重载。Android Studio 也有相应插件。

pub.dev

Dart 和 Flutter 的官方包仓库，可在这里找到 http、provider、go_router 等包并加入项目。

官方文档与参考资料

• 官方Flutter
• 官方Flutter documentation
• 学习Install Flutter
• 学习Flutter codelabs
• 参考Flutter API reference
• 参考Dart language documentation
• 社区pub.dev
• 社区Flutter on GitHub

使用的语言

• DartDart 是 Google 推出的面向客户端优化的语言，是 Flutter 应用的基础，也可用于服务器、命令行工具和 Web 开发。