|
本文是为那些渴望开始学习 flutter 的人们而准备的，这是一个适合初学者从所有必要资源中逐步学习的路线图。 什么是 flutter Flutter 是 Google 的 UI 工具包，可通过单个代码库为移动设备，web 和桌面系统构建漂亮的，本机编译的应用程序。 下面两个视频很好地介绍了 flutter； • Introducing Flutter1 • What's new in Flutter 20192 [1] https://youtu.be/fq4N0hgOWzU [2] https://youtu.be/5VbAwhBBHsg 为什么是 flutter？ 我们已经知道有很多框架可以提供跨平台功能，那么在这场激烈竞争中，是什么让 flutter 显得特别呢？ 快速开发 Flutter 的热加载功能可帮助您快速轻松地进行实验，构建用户界面，添加功能并更快地修复错误。在 iOS 和 Android 的模拟器和硬件上体验亚秒级的重新加载时间，而不会丢失状态。 富有表现力的精美用户界面 Flutter 内置的精美 Material Design 和 Cupertino（iOS-flavor）小部件，丰富的运动 API，流畅的自然滚动以及对平台的了解，可为您的用户带来更多惊喜。 native 级别的性能 Flutter 的小部件结合了所有重要的平台差异，例如滚动，导航，图标和字体，以在 iOS 和 Android 上提供完整的 native 性能。 查看 Flutter 的功能 以下是全球开发人员构建的 Flutter 应用程序的展示。 • Apps take flight with Flutter3 • An open list of apps built with Flutter4 • Flutter Awesome5 • Start Flutter | Forever free, open source, and easy to use.6 [3]https://flutter.dev/showcase [4]https://itsallwidgets.com/ [5]https://flutterawesome.com/ [6]https://startflutter.com/ 首先要做什么？ Flutter 既快速又容易，如果您熟悉 Java 或任何面向对象的语言，那么很不错，但是我强烈建议您具备 Dart 的基本知识。 以下是一些可能对您有所帮助的视频。 • Dart Programming for Flutter7 • Dart Programming Tutorial - Full Course8 • Introduction to Dart for Beginners9 • Dart: Basics of Dart Part - 1/2 | Flutter10 [7]https://youtu.be/5rtujDjt50I?list=PLlxmoA0rQ-LyHW9voBdNo4gEEIh0SjG-q [8]https://youtu.be/Ej_Pcr4uC2Q [9]https://youtu.be/8F2uemqLwvE?list=PLJbE2Yu2zumDjfrfu8kisK9lQVcpMDDzZ [10]https://youtu.be/DFRl4UyS7c8?list=PLR2qQy0Zxs_W4a6P70VYtzna7jwl3-lxI 对于那些不喜欢看视频的人，可以查看以下站点 • Tutorials11 • Dart Programming Tutorial12 • Learn Dart In A Week With These Free Resources13 [11]https://dart.dev/tutorials [12]https://www.tutorialspoint.com/dart_programming/index.htm [13]https://hackernoon.com/learn-dart-in-a-week-with-these-free-resources-b892e5265220 是什么使 Dart 如此典型，为什么 flutter 会使用它？ 为什么 Flutter 使用 Dart？ 可以查看以下文章和视频 • Why Flutter Uses Dart?14 • 视频：Why Flutter Uses Dart?15 [14]https://hackernoon.com/why-flutter-uses-dart-dd635a054ebf [15]https://youtu.be/5F-6n_2XWR8 Flutter 底层是如何工作的？ 由于 iOS 不允许动态编译，因此您的 Dart 代码会使用 AOT 直接编译为本地代码。 要了解更多信息，请在下面查看这些资源： • Technical overview16 • How to Dart and Flutter Work Together?17 • What's Revolutionary about Flutter18 • How Flutter reners Widgets19 • How is Flutter different for app development20 [16]https://flutter.dev/docs/resources/technical-overview [17]https://youtu.be/iVYpeEd3Jes [18]https://hackernoon.com/whats-revolutionary-about-flutter-946915b09514 [19]https://youtu.be/996ZgFRENMs [20]https://youtu.be/l-YO9CmaSUM Flutter快速且易于使用，现在让我们看看如何安装它。 如何安装Flutter？ 这是开发人员文档的链接，您可以在其中找到在现有的操作系统中安装Flutter。 • Install21 [21]https://flutter.dev/docs/get-started/install 解决安装过程中的问题 如果您在安装 flutter 时遇到任何问题，并且 flutter 无法正常工作，那么这就是出现了一些问题。 • 设置 flutter 路径时遇到麻烦-找不到flutter命令22 • Flutter Doctor无法识别Android Studio flutter和dart插件，但已安装插件23 • Flutter和Dart插件未在Flutter Doctor中安装警告24 • 安装 flutter 时的一些常见问题。25 [22]https://stackoverflow.com/questions/49268297/having-trouble-setting-flutter-path-flutter-commands-not-found [23]https://github.com/flutter/flutter/issues/21881 [24]https://github.com/flutter/flutter/issues/11940 [25]https://github.com/flutter/flutter/wiki/Workarounds-for-common-issues 设置Flutter的编辑器 • Set up an editor26 [26]https://flutter.dev/docs/get-started/editor 创建您的Flutter项目 通过以下命令创建 flutter 项目 flutter create <project-name> 复制代码 或者您可以使用IDE（Intellij，Android Studio等） 项目概况 当您创建 flutter 应用程序时，您会看到这些文件和文件夹，大多数代码是用 dart 编写在 lib 文件夹中，native 代码放在 android 和 ios 目录下。 Jay Tillu的一篇文章解释了该项目的结构。 • Flutter Project Structure27 [27]https://dev.to/jay_tillu/flutter-project-structure-1lhe 运行你的第一个 App • Test drive28 或者你可以使用以下命令来运行您的第一个应用程序 flutter run 复制代码 当您启动第一个应用程序时，一定会感到很兴奋（从技术上说，这不是您的应用程序，代码已经在那里 |
|
|
公众号
