Flutter应用开发：完整指南

flutter是最受开发人员欢迎的第二大跨平台移动框架选择，根据statista的数据，自推出以来已支持超过10万个应用。

flutter由google于2017年创立，并且是开源的。它能够创建高质量和高性能的应用程序，覆盖移动操作系统（android和ios）和其他功能，因此对许多开发人员来说是一个好选择。

如果您是决策者或创业者，您可以使用flutter以经济实惠的价格为您的业务创建高质量的应用程序。

如果您考虑使用flutter，现在是一个好时机。在本文中，您将了解flutter如何帮助您作为开发人员，并如何利用它来强化您的产品。

什么是flutter？

flutter是一个开源框架，也被称为软件开发工具包（sdk），用于构建原生编译的跨平台应用程序。您可以使用单个代码库创建移动、web和mac解决方案。

flutter包括一个框架——一组可重用的用户界面组件（按钮、表单、滑块等），您可以根据需要进行自定义，以及一个sdk——一组工具，包括框架、库和api，助您开发全功能应用程序。

flutter框架是用google开发的dart编程语言编写的，该语言主要专注于前端。

作为开发人员，为什么需要flutter？

与在java、javascript和swift中维护多个库来支持多个操作系统（os）的单个应用程序不同，flutter将所有代码都封装在一种语言中，这种结构非常适合跨平台开发。当然，将所有应用程序的代码管理在一个点上可以节省开发人员的时间。

您可以使用flutter的即时编译功能进行即时预览。在这种情况下，您可以使用flutter的热重载功能查看代码更改并进行相应调整。您还可以访问flutter的源代码并对其进行修改以满足您的需求，从而使编码和构建应用程序变得更加容易。

flutter的独特之处是什么？

flutter以节省应用程序开发过程的时间和成本闻名，并有助于构建具有用户交互设计和流畅动画的应用程序。

如果您想学习flutter，最好对其有扎实的了解，这样当您开始学习时，可以跳过介绍部分。以下是它的主要特点：

跨平台支持：flutter可以从单一的移动、web和桌面代码基础开发本机编译应用程序。在移动应用程序开发中，您不需要为多个应用程序编写代码，例如android和ios，节省时间并避免开发大量应用程序带来的麻烦。这也可以降低成本。
可用的sdk和本地功能：flutter利用其本地代码、平台api和第三方集成，简化开发过程，提供良好的开发者体验。
小部件：flutter拥有许多专业设计，您可以根据自己的需求进行自定义。
热重载：当您在代码中进行更改时，此功能可以立即跟踪您的代码更改。flutter会指示对应用本身明显的更新。
开源：flutter是完全免费并且开源的。您可以在应用中集成各种包和第三方库，例如视频、聊天、广告或其他功能。

接下来，我们将探讨使用flutter的一些优势。

使用flutter的优势

#1. 在所有平台上共享业务逻辑和用户界面

flutter提供了在各个平台之间共享代码的最佳方式。在这种情况下，您不需要构建特定于平台的组件来渲染用户界面，您只需要画布进行绘制。

#2. 减少代码开发时间

如果您正在开发中等规模的android应用程序，调整布局功能可能需要多达40秒的时间。内置的热重载功能使您的更改几乎瞬间生效。

#3. 加快上市速度

如果您在应用程序开发中使用flutter，相较于开发两个独立的应用程序（例如android和ios），您只需要一半的工作力量。

这样可以节省时间，因为您不需要编写特定于平台的代码，但仍然可以在所有平台上实现所需的视觉效果。

#4. 类似于原生应用程序开发

当今的技术方法优先考虑用户体验（ux）来构建数字产品。使用flutter，您可以创建更好的用户界面（ui）动画；flutter直接构建为机器代码，消除了性能错误。

#5. 快速应用增长

您可以访问许多小部件来进行开发，从而实现更快的开发和增长。如果您还希望为应用程序开拓市场，您可以使用flutter创建不卡顿的应用程序。用户喜欢这一点，这种体验会激励他们分享您的产品，从而扩大市场范围。

#6. 简约的设计功能

如果您想为应用程序使用不同的小部件，flutter允许您创建新的小部件，并且可以独立使用它们或将它们与现有的小部件组合在一起。这种方法对于提供最友好的用户设计至关重要。

使用flutter的缺点

#1. 库

作为开发人员，您需要第三方库来实现软件中的某些功能。虽然第三方库是免费、开源且随时可用的，但flutter并非如此。

它是一个新的框架，仍在不断发展和改进；您可能需要等待一些工具，自行构建或在更糟糕的情况下，寻找长期开发的其他选择。

#2. 集成

与本机android和ios不同，将flutter与持续集成（ci）平台集成可能具有挑战性。您可能需要创建和维护用于在ci流程中构建、测试和部署flutter应用程序的自定义脚本。

#3. 较弱的ios功能支持

google支持flutter，但ios支持却受到影响。例如，ios上的应用程序在拍照时会删除所有的exif数据，而在apple设备上则不会。结果，您的照片会出现错误的方向、位置和伽玛值。当您查看独特的ios辅助功能，如语音描述、引导访问、字幕和音频描述等功能时，它们在flutter中的支持不够充分。

如何制作flutter应用程序

您已经花了很多时间在理论上，让我们实际行动起来，制作一个简单的应用程序，以帮助您了解如何使用flutter构建应用程序。

安装flutter

您需要一个集成开发环境（ide）来快速开发、创建和测试软件。您可以选择以下方式之一：

vs code – 具有所有理想的ide特性，包括轻量级和快速。 vs code一直是开发人员的首选；您可以专注使用它。
android studio – 要使用android studio，您只需要设置其sdk。安装flutter和dart插件。

通过从官方的flutter网站下载flutter sdk来安装它。下载后，安装sdk并点击“添加到路径文件”以确保一切就绪。

创建一个简单的flutter应用程序

在本节中，您将构建一个简单的flutter应用程序，以了解其工作原理。这个简单的应用程序将向用户显示“hello world”。

首先，在vs code的终端中输入以下命令：

flutter create proj_hello_world

该项目的结构如下所示：

proj_hello_world

不同的应用程序有不同的语法：

android– 创建基于android的应用程序。所有针对android的实现都存储在此子目录中。
assets– 存储所有文件（如图片等）的位置。
ios– 生成ios应用程序。所有ios应用的实现都位于此子目录中。
lib– 一个名为“main.dart”的主要文件，其中创建了一个关键代码之一。
test– 用于进行测试。

任何flutter程序都需要“main.dart”文件。在进行任何开发之前，您必须清除文件中的现有代码，请确保在继续之前已经这样做了。

接下来，您必须引入“material”包以整合ui元素。将以下代码复制并粘贴到终端中。

import 'package:flutter/material.dart';

flutter与任何其他编程语言没有区别，它的执行从主方法开始。

void main() => runapp(new helloworldapp());

小部件是flutter的核心，并且是您的代码必须运行的一切。如果您想知道小部件是什么，它可以控制显示的任何内容，例如输入按钮、列表、卡片视图、表格等。您的整个flutter程序是许多组合在一起的小部件的圆环，用于提供出色的用户界面。

如前所述，您将使用小部件。对于您创建的每个类，确保继承小部件类。这种技术借鉴了面向对象编程（oop）的技术。由于您的应用程序很简单，不需要保存状态，因此应该存在一个无状态小部件的构建方法。

class helloworldapp extends statelesswidget {
@override
widget build(buildcontext context) {
现在是主要的魔术-
return new materialapp(
home: new material(
child: new center(
child:new text("hello world!"),

“center”小部件将运行元素，而“materialapp”将包装由材料组成的部件。

在此示例中，您正在添加一个带有文本的文本字段小部件；请随意使用自己的文本。除此处使用的可见属性“home和child”之外，还有许多属性可用于管理完整的用户界面，例如样式、装饰、日期、时间、位置等。

您已经接近成功了；现在是时候将我们的代码组合在一起了。确保您的代码编辑器上有以下内容。

import 'package:flutter/material.dart';
void main() => runapp(new helloworldapp())
class helloworldapp extends statelesswidget {
@override
widget build(buildcontext context) {
现在是主要的魔术-
return new materialapp(
home: new material(
child: new center(
child:new text("hello world!"),
),),);}}

最后，键入此命令并运行。

flutter run

恭喜您，您的输出应该是一个带有“hello world！”的屏幕。

flutter测试

如果你一直在软件开发领域工作，你就知道手动测试应用程序是否正常运行有多困难。如果你没有经验，可以想象一下构建具有数千个独特功能的大型应用程序是多么困难。无论你如何努力，都无法手动测试这些功能。自动化测试可以在发布应用程序到生产环境之前验证应用程序的正确性。

以下是自动化测试的类别：

#1. 单元测试

在这种情况下，你测试单个函数、类或方法。你的目标是验证在各种条件下单元的正确性。单元测试不会在测试过程之外写入或读取磁盘，接收用户操作或渲染到屏幕。如果你想深入了解单元测试，请在终端上运行“flutter test –help”。

#2. 小部件测试

在其他ui框架中有时被称为组件测试。这个测试确保你的小部件的用户界面看起来符合预期并按预期进行交互。你需要一个测试环境来测试一个小部件，因为它涉及多个类。例如，你可以测试一个小部件以确认它接收用户操作和事件。与单元测试相比，这个测试更全面。

#3. 集成测试

这个测试涵盖了整个应用程序或其较大的部分。在这种情况下，你的目标是确保你的数字产品中的所有小部件和服务按照设计意图正确地协同工作。这是对应用程序性能的验证。集成测试在真实设备或ios或android等操作系统模拟器上运行。你可以在flutter的集成测试指南中了解有关集成测试的更多信息。

如何成为flutter开发者

如今，flutter开发者的就业市场需求很高，考虑到我们之前提到的优势。如果你一直在考虑学习flutter，那么你做出了正确的选择。

先获取一些先决知识，比如面向对象编程，最好是java。学习android的本地开发将有助于你更容易地使用flutter。

从基础知识开始，进一步学习ui开发，学习如何进行应用程序接口（api）调用。然后进行数据库集成并学习状态管理。最后，将其与项目架构结合起来。

学习资源

以下是一些令人惊叹的学习课程，可以帮助你进入flutter应用程序开发。这个汇总包括udemy课程和amazon图书。

#1. flutter和dart-完全指南

这门课程是关于flutter sdk及其用于构建android和本机ios应用程序的框架的完整指南。你将学习基础知识，并深入研究各种主题，最终成为高级开发者。

#2. 使用dart的完整flutter应用程序开发bootcamp

学习flutter的最佳途径莫过于参加与google flutter团队合作的dart flutter开发课程。你将了解flutter开发的所有概念。

#3. 从零开始学习flutter

如果你是一个初学者，想要从头开始学习flutter，这门从零开始学习flutter的课程将帮助你了解基础知识，并创建简单而美观的flutter应用程序。无需任何先决条件，你可以快速入门！

#4. flutter官方文档

无论你有没有编码背景，flutter的文档都将引导你成为一名专业开发人员。这也是获取最新稳定版flutter发布的最佳途径。

#5. 《实战flutter教程（第一版）》

如果你已经掌握了flutter的基础知识并希望进一步提升，这本《实战flutter教程（第一版）》是你的首选。

预览	产品	评分	价格
	《实战flutter教程（第一版）》：flutter应用开发专业实战		$59.99	在亚马逊购买

你将从零基础到专业级构建flutter应用程序。

#6. flutter完全参考手册

本书详细介绍了flutter框架和dart编程语言，并深入探讨了flutter应用程序开发的高级主题和最佳实践。

预览	产品	评分	价格
	flutter完全参考：为任何设备创建美丽、快速和本地的应用程序		$22.04	在亚马逊购买

该书的官方网站包含一些测验游戏，以测试您的技能。

#7. flutter菜谱

这本书是关于如何构建、调试和扩展本地ios和android应用程序的冒险。

预览	产品	评分	价格
	flutter菜谱：使用flutter 2.2和dart进行应用程序开发的100多种经过验证的技术和解决方案		$44.99	在亚马逊购买

通过flutter的全面教程，浏览并迭代独特的用户界面（ui）。

#8. 小白学flutter

这本名为《小白学flutter》的书很独特。它教你dart编程语言。

预览	产品	评分	价格
	flutter for dummies		$18.45	在亚马逊购买

它解释了如何初始化自己的框架，并最终为您提供了所有开发flutter应用所需的基本知识。

#9. 使用flutter构建游戏

无论您是想要探索还是构建flutter游戏，本书都是使用flutter的flame引擎构建多平台游戏的综合指南。

预览	产品	评分	价格
	使用flutter构建游戏：使用flame引擎在flutter中创建多平台游戏的终极指南…		$38.99	在亚马逊购买

该书是过程化的，以确保您掌握所有步骤和最佳开发实践。

#10. flutter项目

本书通过引导您构建真实世界的应用程序和游戏，教授dart编程语言和flutter框架。

预览	产品	评分	价格
	flutter项目：构建真实世界跨平台移动应用和游戏的实践项目指南		$30.99	在亚马逊上购买

它具有实际项目，演示了flutter应用开发的最佳技术。

最后的话

现在您完全了解flutter的工作原理以及它如何帮助您构建数字产品。flutter为您提供完全的应用程序灵活性，您的想象力只能限制您。

一旦掌握了flutter开发的基础知识，您可以创建任何类型的应用程序，无论是web、android、mac还是ios，以满足任何客户的需求。

接下来，查看创建无服务器应用程序的最佳框架。