F

Flutter 初学者指南

2025-06-08

Flutter 初学者指南

你听说过Flutter,却不知道它的功能吗?你有没有想过 Flutter 的炒作究竟是为了什么?又或许,你刚刚接触 Flutter,需要一份指南来帮助你成为 Flutter 专家。

本文是对 Flutter 的简单介绍。它详细分析了 Flutter 的各种功能,并讲解了如何开始使用它。

Flutter 和 Dart 基本介绍

根据Flutter 官方文档,Flutter SDK 是 Google 的 UI 工具包,用于通过单一代码库为移动设备、Web 和桌面平台制作精美的、原生编译的应用程序。

简单来说,这意味着您只需一个代码库,即可轻松构建同时在 Android 和 iOS 操作系统上运行的应用。通常,我们通常会为 Android 和 iOS 操作系统编写两个不同的代码库。然而,使用像 Flutter 这样的框架,您只需一个代码库,即可创建跨平台应用。

Flutter 由 Google 创建,于 2017 年 5 月正式发布。Flutter 使用一种名为Dart的编程语言进行开发。

Dart 是一种简单类型的对象编程语言。Google 于 2011 年创建了 Dart。最新版本于 2013 年 11 月发布。它的语法与 JavaScript 类似,并且非常易于学习。

除了 Flutter 之外,还有其他用于构建跨平台应用程序(即跨多个操作系统运行的应用程序)的框架,例如 React Native、Xamarin、Phonegap、Ionic 等。

为什么你应该选择 Flutter 作为你的主要移动开发框架

很多人对 Flutter 的“效率”持有不同看法。关于 Flutter 是否是最佳移动开发框架,存在着截然不同的观点。

虽然我并不一定认为 Flutter 就是“它”框架,但以下是 Flutter 成为我的首选框架以及我认为您应该学习 Flutter 的主要原因。

1. 能够查看实时活动

Flutter 的热重载功能,让你可以轻松查看应用的实时活动。React Native 也具备此功能,但 Flutter 提供的体验无疑更佳,也更一致。

2.易于学习和使用

如果您曾经使用 Java、React Native、C#、Swift 等语言构建过应用程序,您会发现使用 Flutter 构建相对容易得多。使用内置的 Flutter 小部件,您可以轻松地创建移动应用程序。

3. 良好且易于理解的文档

与其他框架相比,Flutter 拥有最完善的文档之一。它还提供了使用小部件以及如何使用 Flutter 创建第一个应用程序的分步指南。

您应该选择 Flutter 作为主要应用程序开发框架的其他原因包括:

  • 快速发展的社区。
  • 非常适合初创公司创建其 MVP 等。

Flutter 入门

让我们开始吧

此刻,我相信你已经决定学习 Flutter 并开始使用它进行构建。那么,该如何开始呢?
学习新概念的方法有很多种。我重点介绍了三种常见的学习新编程语言或框架的方法。
注意:这些方法受个人偏好和经验的影响。

A. 文档使用:
Flutter 的文档是最容易理解和使用的文档之一。要开始使用,请访问Flutter 官方网站并访问入门页面,开启您的 Flutter 之旅。

B. 电子书:
市面上有很多适合初学者的电子书,可以帮助你开始使用 Flutter 和 Dart 开发应用。以下是一些推荐:

  • 实用 Flutter_使用谷歌最新开源 SDK 提升您的移动开发能力(作者:Frank Zametti)
  • Simone Alessandria 的 Flutter 项目
  • CodeMagic 推荐的 Flutter 库
  • Eric Windmill 的 Flutter 实践

C. 教程视频:UdemyUdacityCoursera等平台
上有很多精彩易懂、易于学习的 Flutter 和 Dart 教程视频课程。我个人推荐 Angela Yu 博士主持的《2020 年 Flutter Dart 开发训练营全集》,该课程可在 Udemy 上找到。 此外,还有很多 YouTube 频道教授如何使用 Flutter 构建应用。以下是一些推荐:

  • 网络忍者
  • MTECHVIRAL
  • 资源编码器
  • 简单的方法
  • 吴志雄
  • Flutter 之道
  • 填充堆栈

补充: Github 上有一些主观的路线图,是大家精心挑选的,旨在帮助初学者学习 Flutter。以下是其中一些:

GitHub 徽标 Tarikul711 / Flutter 开发路线图

Flutter 应用开发者路线图 - 学习 Flutter 应用开发的完整路线图。我尝试使用此路线图学习 Flutter。如果您想添加内容,请为项目做出贡献。祝您学习愉快!


GitHub 徽标 olexale / flutter_roadmap

Flutter 开发的高度主观路线图


GitHub 徽标 DroidsOnRoids / Flutter 路线图

2020 年 Flutter 开发者路线图

学习基础知识后下一步做什么?

构建项目

学习能让你获得知识,而实践能让你获得自信。实践你所学的知识。
学习新概念后,构建项目至关重要。其重要性无论怎么强调都不为过。
项目灵感可以来自不同的地方——环境、现有产品、个人兴趣等等。
以下是一些你可以获取项目灵感的主要来源:

  1. Florin Pop 的 80 多个应用程序创意的 GitHub 存储库- 这个存储库非常适合获取项目创意,因为它根据级别对项目进行分类。
  2. 设计平台和社区,例如DribbbleUplabs - 这些网站汇集了来自世界各地设计师的公开设计作品。您可以选择重新创作这些设计,进行个人改进。
  3. 为开源项目做出贡献。

展示你的作品

让人们知道你正在做的事情。利用各种社交媒体平台展示你的卓越成就。分享你参与过的项目。

做你自己的 hypeman - GeekTutor

结论

在本文中,我们讲解了 Flutter 和 Dart 的概念、学习和使用 Flutter 的理由、入门方法以及构建项目的重要性。
如果您觉得本文对您有所帮助,请点赞并分享。

快乐飘动。

鏂囩珷鏉ユ簮锛�https://dev.to/idrisadeyemi01/beginners-guide-to-flutter-16de
PREV
在 Angular 中创建搜索过滤器
NEXT
使用 Firebase/Firestore(CRUD)构建 Nodejs 服务器