惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

量子位
I
InfoQ
人人都是产品经理
人人都是产品经理
博客园 - 三生石上(FineUI控件)
爱范儿
爱范儿
Hugging Face - Blog
Hugging Face - Blog
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
S
SegmentFault 最新的问题
美团技术团队
小众软件
小众软件
Blog — PlanetScale
Blog — PlanetScale
Jina AI
Jina AI
aimingoo的专栏
aimingoo的专栏
H
Help Net Security
Last Week in AI
Last Week in AI
博客园_首页
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
L
LangChain Blog
云风的 BLOG
云风的 BLOG
Martin Fowler
Martin Fowler
宝玉的分享
宝玉的分享
G
Google Developers Blog
博客园 - 叶小钗
博客园 - Franky

又见苍岚

COLMAP PatchMatch Stereo 算法详解 事件驱动的状态机框架:从理论到工程实践 Git 在国内网络环境下无法 Push 的排查与修复 —— 配置 Clash 代理 分段五次多项式插值原理详解 路径插值方法深度对比研究 Claude Code 使用指南 OpenClaw 记忆管理与技能创建指南 CBS(Conflict-Based Search)算法详解 A* 算法及其变种详解 OpenClaw 配置多 Agents Windows Powershell 无法加载文件,因为在此系统上禁止运行脚本问题的解决方案 MaxClaw 安装流程 大模型 AI 名词介绍 AList 网盘聚合工具简介 Protobuf 简介与测试 Claude Code 简介以及 GLM 4.7 模型接入 Github 歌词下载工具 163MusicLyrics Python __getattr__ 懒加载 Python TypedDict 机器人仿真平台 Gazebo 安装记录 机器人仿真平台 Gazebo 简介 多机器人路径规划问题(Multi-Agent Path Finding, MAPF)简介 Python exifread 读取修改过的 jpeg 信息错误问题修复 3D 坐标系变换的理解 3D 旋转矩阵基本概念 MongoDB Compass 介绍 Python 环境管理工具 uv Flutter 开发指南 Snipaste 安装下载与黑屏问题解决方案 全局路径规划算法记录
Flutter Hello World
Yiwei Zhang · 2025-09-11 · via 又见苍岚

Flutter是Google出品的一款用于开发高性能、高保真、跨平台App(Android iOS)的SDK,本文简介 Flutter 并记录一个 Hello world。

简介

Flutter 是 Google 推出并开源的移动应用开发框架,主打跨平台、高保真、高性能。开发者可以通过 Dart 语言开发 App,一套代码同时运行在 iOS 和 Android平台。 Flutter 提供了丰富的组件、接口,开发者可以很快地为 Flutter 添加 Native(即原生开发,指基于平台原生语言来开发应用,flutter可以和平台原生语言混合开发) 扩展。

配置编辑器

这里以 VS Code 为例。

安装两个插件:

  • Flutter插件: 支持Flutter开发工作流 (运行、调试、热重载等).

  • Dart插件: 提供代码分析 (输入代码时进行验证、代码补全等).

选择目标开发平台

Flutter 是一个多平台工具包。您的应用可以在以下任何操作系统上运行:

  • iOS
  • Android
  • Windows
  • macOS
  • Linux
  • Web

不过,一种常见的做法是选择一个操作系统作为所开发应用的主要运行平台。这是您的“目标开发平台”。在开发过程中,您的应用将在此操作系统上运行。

假设您开发 Flutter 应用使用的是 Windows 笔记本电脑。如果选择 Android 作为目标开发平台,您通常会使用 USB 线将 Android 设备连接到 Windows 笔记本电脑,并且您在开发的应用将在该连接的 Android 设备上运行。但您也可以选择 Windows 作为目标开发平台,这意味着您在开发的应用将作为 Windows 应用与编辑器一起运行。

强烈建议您选择自己开发设备的操作系统作为目标开发平台。例如,如果您的计算机运行 Windows,请选择 Windows 作为目标开发平台。

您可能会想要选择 Web 作为目标开发平台。但这种选择有不利的一面,即您将失去 Flutter 最实用的一项开发功能:有状态热重载。Flutter 无法热重载 Web 应用。

  • 我这里以 Android 为目标平台,需要开启 CPU 的虚拟功能。

创建模拟器

如果需要在模拟器中运行代码,则需要生成模拟器。

我们可以打开Android Studio,创建模拟器。

选择 Create Virtual Device 选项:

选择所需的虚拟设备:

设置自己的设备系统:

Finish 后需要下载相关数据包:

安装完成:

可以看到在模拟器列表中多了一个:

创建项目

创建第一个 Flutter 项目

启动 Visual Studio Code 并打开命令面板(使用 F1Ctrl+Shift+PShift+Cmd+P)。开始输入“flutter new”。选择 Flutter: New Project 命令。

接下来,选择 Application,然后选择要在哪个文件夹中创建项目。这可以是您的主目录,或类似于 C:\src\ 的目录。

最后,为项目命名。比如说,命名为 namer_appmy_awesome_namer

Flutter 会创建项目文件夹,然后在 VS Code 中打开该文件夹。

会自己创建很多相关文件:

  • 选择生成 Android 模拟器

会生成这样的模拟器

执行 lib/main.dart 可以在模拟器中查看效果。

有一个计数器可以点着玩

可以打端点进行调试。

实在不行可以暂时用浏览器调试:

参考资料

文章链接:
https://www.zywvvd.com/notes/coding/flutter/helloworld/