谷歌的 UI 工具包 Flutter 在创建移动、网页和桌面的跨平台应用程序方面越来越受欢迎。

Flutter不是一种编程语言,而是一个软件开发工具包。Dart是 Flutter SDK 下面使用的编程语言。

Flutter 是谷歌开源的 Fuchsia OS、谷歌 STADIA 以及许多其他软件和移动应用背后的主要框架。

如果你想使用 Flutter 进行开发,本教程将帮助你在 Ubuntu 和其他类似 Linux 发行版上搭建好你的环境。

在 Ubuntu 和其他 Linux 上用 Snap 安装 Flutter

在 Linux 上安装 Flutter 最简单的方法是使用 Snap。如果你使用的是 Ubuntu,你已经有了 Snap。对于其他发行版,请确保 启用 Snap 支持。

打开终端并在终端中使用以下命令来安装 Flutter:

code

  1. sudo snap install flutter –classic

你会在你的终端上看到类似这样的东西:

1656659536-531039dcc1b5433

一旦安装完成,就是验证它的时候了。不仅仅是 Flutter 的安装,还要验证 Flutter 正常运行所需满足的每一个依赖关系。

验证 Flutter 的依赖项

为了验证 Flutter 正确工作所需的每一个依赖项,Flutter 有一个内置选项:

code

  1. Flutter doctor

这个过程开始看起来像这样:

1656659536-4a3af2ac01ebad3

而它完成时像这样:

1656659536-7152046018a22f5

正如你所看到的,我们需要 Android Studio 来工作。所以让我们来安装它。我们该怎么做呢?用 Snap 在 Linux 上安装 Android Studio也是毫不费力的。

安装并设置好 Android Studio

在终端中,使用下面的命令来安装 Android Studio:

code

  1. sudo snap install android-studio –classic

1656659536-1b32eb8eb0e193f

安装完毕后,从我们的操作系统菜单中打开 Android Studio。

1656659536-092dc68fe7603bb

就快完成了。现在是配置 Android Studio 的时候了。

1656659537-40e5013453befb3

点击下一步,如果你不想让事情复杂化,就选择“标准standard”。

1656659537-b3eb2e3b71d0c20

选择你喜欢的主题(我喜欢“暗色Darcula”的)。

1656659537-217776975552e5c

确认一切正常,然后点击“下一步Next”。

1656659538-27b2ec3f03a17fe

最后,点击“完成Finish”按钮。

1656659538-3aaacfc0ac418d2

然后等待,直到下载完成。

1656659539-5db519cbee0ba2a

创建一个 Hello World Flutter 应用样本

在 Android Studio 中,进入项目,选择“新建 Flutter 项目New Flutter Project”。Flutter SDK 路径会默认设置。

1656659539-fa3086e1b4e322e

在这里,神奇的事情开始出现了,这是你设置你的项目名称的地方,在这个例子中,它将被称为 “hello_world”。

让我们选择三个可用的平台。Android、iOS 和 Web。最后,点击“完成Finish”。

1656659539-2a7c9165fa05b07

项目中的主文件位于 lib/main.dart,如下图所示:

1656659539-3769c2d02d91bd1

选定后,擦除文件中包含的所有内容,并将其改为本示例代码:

code

  1. // Copyright 2018 The Flutter team. All rights reserved.// Use of this source code is governed by a BSD-style license that can be// found in the LICENSE file.import ‘package:flutter/material.dart’;void main => runApp(MyApp);class MyApp extends StatelessWidget {  @override  Widget build(BuildContext context) {    return MaterialApp(      title: ‘Welcome to Flutter’,      home: Scaffold(        appBar: AppBar(          title: const Text(‘Welcome to Flutter’),        ),        body: const Center(          child: Text(‘Hello World’),        ),      ),    );  }}

重要的是,这只是向你展示 Flutter 是如何工作的,如果你确信要学习这种美丽而不可思议的语言,这里有 文档可以看到更多关于它的信息。尝试它!

最后,选择 “Chome Web” 设备,并点击“运行Run”按钮,如下图所示;并看到神奇的效果!

1656659540-df4fd9f673c31a4

你可以如此快速地创建一个 Flutter 项目,真是不可思议。跟你的 Hello World 项目打个招呼吧。

1656659541-8e3ab3daeda0603

最后…

如果你想在短时间内做出漂亮的移动和网页界面的贡献,Flutter 和 Dart 是完美的。

现在你知道了如何在 Ubuntu Linux 上安装 Flutter,以及如何用它创建你的第一个应用程序。我很高兴可以为你写这篇文章,希望对你有所帮助,如果你有任何问题,请通过留言或给我发邮件来告诉我,祝你好运!

本教程由 Marco Antonio Carmona Galván 提供,他是物理学和数据科学专业的学生。

发表回复

后才能评论