文章目录

1.安装Flutter
2.设置iOS模拟器
3.在Flutter中创建一个Hello World应用

Google于2018年12月4日发布了Flutter 1.0，它是一款功能强大的工具，可让您在iOS和Android上创建漂亮的应用程序。与Firebase等其他平台一起，移动应用程序开发现在比以往更加轻松。目前版本1.22.6

用Flutter设计漂亮的应用

在本教程中，我将向您展示如何在Mac计算机上使用Flutter创建您的第一个Hello World应用，我们将在Xcode iOS模拟器上对其进行测试。

1.安装Flutter

要将Flutter安装到我们的计算机上，首先我们需要下载Flutter SDK。我们还应该创建并重新定位到自定义工作目录，并将下载的flutter_macos_v1.22.6-stable.zip文件移动到该目录中。

之后，我们可以解压缩flutter工具并使用在控制台中键入的以下代码来设置环境。

unzip flutter_macos_v1.22.6-stable.zip
export PATH="$PATH:`pwd`/flutter/bin"

如果一切正常，我们应该可以通过在控制台中输入以下代码来检查依赖关系。

flutter doctor

在进行下一步之前，我们还需要配置bash配置文件。bash概要文件可以在名为*.bash_profile*的主目录中找到，使用文本编辑器打开文件并添加以下行。

export PATH="$PATH:[PATH_TO_FLUTTER_GIT_DIRECTORY]/flutter/bin"

Where [PATH_TO_FLUTTER_GIT_DIRECTORY] should be replaced by the name of the working directory we have just created for Flutter.配置完概要文件后，我们可以在主目录中运行以下命令来更新路径。

source ~/.bash_profile

I如果找不到*.profile*，只需创建一个名称为*.profile*的空文件并将其保存到根目录，然后重试。

要验证路径是否已成功更新，我们可以在控制台中键入以下命令。

echo $PATH

并且我们应该在return参数中看到包含以下内容的内容。其中*[PATH_TO_FLUTTER_GIT_DIRECTORY]*是我们的工作目录。

[PATH_TO_FLUTTER_GIT_DIRECTORY]/flutter/bin

2.设置iOS模拟器

为了安装了iOS模拟器首先我们要安装的Xcode到我们的计算机，它都可以在网上下载或在app store。之后，我们可以配置Xcode命令行工具以使用新安装的版本，并在控制台中键入以下命令。

sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer

然后，我们可以使用以下命令打开iOS模拟器。

open -a Simulator

这可能需要花费一些时间来加载，但是一旦完成，我们就可以继续部署第一个Flutter应用程序。

还有两件事要注意：

1.通过检查模拟器的“**硬件”>“设备”**菜单中的设置，确保模拟器使用的是64位设备（iPhone 5s或更高版本）。

2.根据开发计算机的屏幕大小，模拟的高屏幕密度iOS设备可能会溢出屏幕。在模拟器的“**窗口”>“比例”**菜单下设置设备比例。

3.在Flutter中创建一个Hello World应用

轻而易举地创建应用很简单，只需键入以下命令即可。您可以随意将hello_world更改为您喜欢的任何其他名称。Flutter将打印*“全部完成！”* 该过程完成后，请在控制台中输入。

flutter create hello_world

现在，我们可以使用以下命令转到应用程序目录：

cd hello_world

然后使用以下命令运行该应用程序：

flutter run

FFlutter将生成一个默认应用程序，如演示中所示，该默认应用程序允许我们在跟踪点击次数的同时单击一个按钮。该应用程序的主要组件由lib文件夹中的main.dart文件定义。尝试使用以下代码替换main.dart文件中的内容。

import 'package:flutter/material.dart';void main() => runApp(MyApp());class MyApp extends StatelessWidget {@overrideWidget build(BuildContext context) {return MaterialApp(title: 'Welcome to Flutter',home: Scaffold(appBar: AppBar(title: Text('Welcome to Flutter'),),body: Center(child: Text('Hello World'),),),);}
}

完成后，我们可以通过在控制台中键入“ r”来更新模拟器。而且我们应该看到模拟器已更新为显示“ Hello World”文本，如下所示。

恭喜你！现在，您已经创建了第一个Flutter应用程序，有关Flutter的更多信息，您可以在官方网站上找到它们 Flutter primarily utilizes dart and you can find more on its official website too.

Have fun 构建移动应用程序

将来我可能会写关于Flutter的更多教程。我相信该工具在移动应用程序开发领域具有广阔的前景。以下是我编写的与Flutter和iOS开发相关的指南，我将继续更新列表。
- 如何在MacOS上将iOS Flutter应用程序与Firebase集成
- 如何在iOS设备上测试Flutter iOS应用
参考：https://medium.com/@shenhuang_21425/how-to-test-your-flutter-ios-app-on-your-ios-device-75924bfd75a8)

ios-app-on-your-ios-device-75924bfd75a8)

参考：https://medium.com/@shenhuang_21425/how-to-test-your-flutter-ios-app-on-your-ios-device-75924bfd75a8)

https://poojabhaumik.medium.com/

如何在MacOS上创建第一个iOS Flutter应用相关推荐

macos必做的设置_如何在MacOS上设置PHP，CaddyServer和Kirby —以及为什么要这样做
macos必做的设置 by Philipp Haidenbauer 菲利普·海登鲍尔(Philipp Haidenbauer) 如何在MacOS上设置PHP,CaddyServer和Kirby -以及 ...
etcher制作mac启动盘_如何在Mac上创建和引导Linux USB驱动器
长期以来,Linux一直是可引导闪存驱动器的代名词,无论是要解决您的主操作系统中的某种问题,还是尝试各种发行版. 如何在Mac上创建和引导Linux USB驱动器www.macz.com 有几种方法 ...
创建第一个IOS项目
今天我们创建第一个IOS项目,并在模拟器上运行首先进入Xcode 点击创建新项目后,接下来该给项目起一个名字啦 HelloWorld! 点击下一步,开始选择模板啦我们选择SingleView Ap ...
docker删除所有容器_如何在Linux上创建，列出和删除Docker容器
本篇文章介绍的内容是关于在Linux机器上创建,列出和删除docker容器,下面我们来看具体的内容. 我的官方群点击此处 1.启动Docker容器使用下面的命令启动新的Docker容器.这将启动一个 ...
关于如何在github上创建团队开发环境
今天想写个如何在github上创建团队开发环境的博客.送给那些还不知道如何在github上创建团队开发环境的开发人员. 1.首先,当然你要有个github的账号.具体怎么注册我这里就不说了.可以上gi ...
zypper 删除mysql_如何在 Linux 上安装/卸载一个文件中列出的软件包？
原标题:如何在 Linux 上安装/卸载一个文件中列出的软件包? 我们可以手动去安装这些软件但是这将花费大量的时间.你可以手动安装一俩个服务器,但是试想如果你有大概十个服务器呢.在这种情况下你无法手动 ...
如何在前端删除项目中的文件_如何在macOS上恢复已删除的文件
有时候不小心删除了我们不打算删除的MacBook上的文件.在MacBook上恢复永久删除的文件非常困难,但这并非不可能.在本文中,我们将指导您如何恢复MacBook上最近恢复的文件或永久删除的文件.从 ...
如何在GitHub上创建自己的仓库？
大家好,我是柒星接着上一节GitHub的内容,这篇我们讲如何在GitHub上创建自己的仓库!废话不多说,我们直接上干货!!!以下文章来自公众号[Honker],可在公众号内查看学习资料,领取更多Gi ...
如何在hexo上创建一篇文章
博客已经搭建好了,虽然功能比较少,但是还是可以写文章的新建文章使用命令来新建文章 hexo new [layout] <title> layout 是文章的布局,默认为post,可以先 ...

如何在MacOS上创建第一个iOS Flutter应用

文章目录

1.安装Flutter

2.设置iOS模拟器

3.在Flutter中创建一个Hello World应用

如何在MacOS上创建第一个iOS Flutter应用相关推荐

最新文章

热门文章