📝 Flutter教程

265篇技术文档
  Flutter – 将数据发送到屏幕

📅  最后修改于: 2021-09-23 06:40:42        🧑  作者: Mango

与 UI 的交互是任何应用程序不可或缺的一部分。但通常情况下,信息需要从一个屏幕发送到另一个屏幕。例如,假设您需要将有关 UI 的选定或点击组件的数据传递到另一个路由(即页面)。在本文中,我们将通过构建一个简单的应用程序来详细探讨将数据发送到另一个屏幕的过程。为了更好地理解,我们将构建一个任务备忘录应用程序,在主屏幕上列出所有待处理的任务,当单击任何任务时,任务的相应详细描述会显示在另一个页面上。...

  Flutter – FloatingActionButton

📅  最后修改于: 2021-09-23 06:40:51        🧑  作者: Mango

浮动操作按钮是一个圆形图标按钮,它悬停在内容上以提升应用程序中的主要操作。浮动操作按钮最常用于 Scaffold.floatingActionButton 字段。构造函数:特性:autofocus:这个属性接受一个布尔值作为一个对象(final)来决定按钮是否会在初始焦点上被选中。backgroundColor: 按钮的背景颜色。child:要显示的小部件。clipBehaviour:该属性以cl...

  Flutter – 使用谷歌字体

📅  最后修改于: 2021-09-23 06:40:59        🧑  作者: Mango

任何构建应用程序的 UI 开发人员都必须处理字体。 Google Fonts 提供了多种字体,可用于改进用户界面的字体。 Flutter提供了一个谷歌字体包,可以用来实现各种可用的字体。下面列出了一些可通过 Google 字体包使用的字体:机器人打开 sans拉托奥斯瓦尔德雷威在本文中,我们将构建一个简单的应用程序并为其实现一些 Google 字体。为此,请执行以下步骤:将google_fonts...

  Flutter的URL

📅  最后修改于: 2021-09-23 06:41:06        🧑  作者: Mango

在网上冲浪时,每个用户都会遇到许多按钮、文本等,这些按钮、文本等会在用户点击时重定向到同一标签或不同标签中的不同网页。同样,当开发者将 URL 链接到应用程序中的按钮或文本时,应用程序将通过以下方式在点击时打开网站:在浏览器中(默认)应用内在浏览器中打开网站时,它涉及两个工作应用程序。用户正在使用的应用程序之一是浏览器。但是,在应用程序内打开方面,它只涉及一个应用程序。开发人员可以根据用户的需要使...

  Flutter – 构建井字游戏

📅  最后修改于: 2021-09-23 06:41:14        🧑  作者: Mango

Flutter SDK 是一个开源软件开发工具包,用于构建原生编译的漂亮 UI。在本文中,我们将构建一个Tic Tac Toe 游戏。我们将在此项目中使用 VS Code IDE,您也可以使用 Android Studio。涵盖的概念是:在屏幕上显示小部件。GridView.builder函数编写手势检测器如果和其他在dart按照以下步骤实施井字游戏。让我们开始吧。第 1 步:创建Flutter应...

  Flutter – 从互联网获取数据

📅  最后修改于: 2021-09-23 06:41:22        🧑  作者: Mango

在当今世界,大多数应用程序严重依赖于通过 Internet 从服务器获取信息。在Flutter,此类服务由http 包提供。在本文中,我们将探讨相同的内容。要从 Internet 获取数据,请按照以下步骤操作:导入http包使用 http 包发出网络请求将响应转换为自定义Dart对象以合适的格式显示数据导入 http 包:要安装 http 包,请在命令提示符中使用以下命令:或者,如果您使用的是fl...

  Flutter – 对话框

📅  最后修改于: 2021-09-23 06:41:29        🧑  作者: Mango

对话框是一种出现在窗口或屏幕上的小部件,它包含任何关键信息或可以要求任何决定。当弹出对话框时,所有其他功能都将被禁用,直到您关闭对话框或提供答案。我们对不同类型的条件使用对话框,例如警报通知、显示不同选项的简单通知,或者我们也可以制作一个对话框,它可以用作显示对话框的选项卡。flutter的对话框类型警报对话框简单对话框显示对话框警报对话框:警报对话框告诉用户任何需要识别的情况。警报对话框包含一个...

  Flutter – 堆栈小部件

📅  最后修改于: 2021-09-23 06:41:38        🧑  作者: Mango

Stackwidget 是flutter SDK 中的一个内置小部件,它允许我们通过将它们相互叠加来制作一层小部件。很多时候,简单的行和列布局是不够的,我们需要一种方法将一个小部件叠加在另一个小部件上,例如,我们可能希望在图像上显示一些文本,因此为了解决这种情况,我们有堆栈小部件。堆栈部件有两种类型的子之一被定位被包裹在定位部件和另一种是非–定位它没有包含在Positioned小部件中。对于所有未...

  Flutter – 复选框小部件

📅  最后修改于: 2021-09-23 06:41:46        🧑  作者: Mango

复选框在flutter是材料的设计部件。它始终用于有状态小部件,因为它不维护自己的状态。我们可以使用它的onChanged属性来交互或修改flutter应用程序中的其他小部件。与大多数其他flutter小部件一样,它还带有许多属性,如activeColor、checkColor、mouseCursor等,让开发人员可以完全控制小部件的外观和感觉。复选框小部件的构造函数:复选框小部件的属性:acti...

  Flutter热重载和热重启的区别

📅  最后修改于: 2021-09-23 06:41:54        🧑  作者: Mango

当我们构建任何dart应用程序时,第一次执行都需要时间。因此,为了解决这个问题,我们在flutter有两个功能,即热重载和热重启,这有助于减少我们执行应用程序后的执行时间。这两个功能有助于减少执行时间。它们比默认的重启更好更快。需要注意的是,它只有在您执行过一次程序后才能使用。热加载热重载是flutter的一项重要功能。它是最简单、最快的函数,可帮助您应用更改、修复错误、创建 UI 和添加功能。执...

  Flutter – 扩展磁贴卡

📅  最后修改于: 2021-09-23 06:42:02        🧑  作者: Mango

扩展磁贴卡的工作方式与Flutter SDK 的标准扩展磁贴类似。但它使用谷歌本身在其产品中使用的风格来提升瓷砖。它可以称为 Flutter 的ExpansionTileCard的更好版本。在这篇文章中,我们将探讨通过构建一个简单的应用程序flutter在实施Flutter应用扩展块卡的过程。要构建应用程序,请按照以下步骤操作:添加expansion_tile_card依赖于pubspec.yam...

  Flutter – 登录屏幕

📅  最后修改于: 2021-09-23 06:42:09        🧑  作者: Mango

Onboarding Screen 是您在加载启动画面后可以在大多数应用程序中看到的最流行的界面之一。 Onboarding Screen 提供了应用程序的简短概述。 Onboarding Screen 主要由三到四个布局组成,当我们单击 Next 时,这些布局会滑动。在本文中,我们将看到如何在Flutter App 中实现 Onboarding Screen。首先,在pubspec.yaml 文...

  Flutter – CircleAvatar 小工具

📅  最后修改于: 2021-09-23 06:42:17        🧑  作者: Mango

CircleAvatar小部件内置于flutter SDK 中。它只是一个圆圈,我们可以在其中添加背景颜色、背景图像或一些文本。它通常用他的图像或他的姓名首字母代表用户。虽然我们可以从头开始制作一个类似的小部件,但这个小部件在应用程序的快速开发中会派上用场。CircleAvatar 类的构造函数:CircleAvatar 小部件的属性:backgroundColor:该属性以颜色类(final)为...

  Flutter – 使用回调函数

📅  最后修改于: 2021-09-23 06:42:25        🧑  作者: Mango

在本文中,我们将看到如何在flutter使用回调函数。我们将学习在flutter实现回调函数的不同方法。回调基本上是一个函数或方法,我们将其作为参数传递给另一个函数或方法以执行操作。用最简单的话说,我们可以说在从一种方法向另一种方法发送数据时使用了 Callback 或 VoidCallback,反之亦然。在整个flutter应用程序中保持连续的数据流非常重要。假设您正在开发一个应用程序。这个应用...

  Flutter – 使用动画

📅  最后修改于: 2021-09-23 06:42:32        🧑  作者: Mango

无论何时构建应用动画在设计用户体验方面都起着至关重要的作用。人们倾向于喜欢流畅且设计精美的应用程序。 Flutter包提供了多种方法来在我们的应用程序中创建和使用动画。我们将讨论用于处理动画的内置Flutter小部件。Flutter的动画如流程图所示,在Flutter处理动画的框架提供了不同容量和实现的小部件。所有动画小部件中存在的基本属性是Duration和Curve。持续时间是小部件动画的时间...