📝 Flutter教程

265篇技术文档
  Flutter – 状态管理中 setState 和 Provider 的区别

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

在本文中,我们将研究如何使用状态管理或提供程序包在我们的flutter应用程序中实现状态管理。我们正在flutter中创建一个简单的计数器应用程序,这将帮助我们理解flutter应用程序中的状态管理并决定哪种方法是构建我们的应用程序和完成项目的更好方法。我们将讨论理解flutter应用程序中状态管理所需的两个最重要的方面,称为setState和名为 provider 的包。入门我们将从默认情况下可...

  Flutter – ConstrainedBox 小部件

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

ConstrainedBox是flutter SDK 中的内置小部件。它的函数是为其子小部件添加大小限制。如果我们希望容器或图像不超过特定的高度和宽度,这将非常方便。通过使Text小部件成为ConstrainedBox上的子部件,将文本保留在包装布局中也很好。此功能也可以在 SizedBox 小部件或其他地方找到。ConstrainedBox 类的构造函数:ConstrainedBox 小部件的属...

  在Flutter实现 Rest API

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

除了在Flutter构建 UI 之外,我们还可以将其与后端集成。大多数应用程序使用 API 来显示使用数据。我们将使用 HTTP 包,它提供了执行操作的高级方法。 REST API 使用简单的http调用来与 JSON 数据通信,因为:它使用等待& 异步功能。它提供了各种方法。它提供类和http来执行 Web 请求。让我们看看如何使用 JSON 文件在flutter应用程序中获取、删除和更新数据。...

  Flutter – 芯片小部件

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

Chip是一个内置flutter的 Material Design 小部件。它可以简单地描述为一个包含图标和文本的紧凑元素,通常是背景中的圆角矩形。它有多种用途,比如可以简单地用作按钮,用 CircleAvatar 和文本代表用户,或博客文章中的主题标签等。芯片类的构造函数:Chip Widget 的属性:autofocus:这个属性接受一个布尔值作为对象来决定是否在初始焦点上选择小部件。avat...

  Flutter – PhotoHero 类

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

在Flutter,Hero Widget用于创建英雄动画。这里的英雄指的是在屏幕之间移动的小部件。这是应用程序中使用的最基本的动画类型之一,尤其是当应用程序处理图像等媒体时。简单地说,英雄动画就是英雄从一个屏幕飞到另一个屏幕。PhotoHero类是 Hero Animation 中的一个基本元素,用于将照片从一个路径(即页面)移动到另一个路径。本文探讨了使用一个简单的应用程序构建PhotoHero...

  Flutter – 实现日历

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

如今在大多数应用程序中,我们在大多数应用程序中看到日历,用于显示出生日期或任何约会应用程序。借助日历视图在应用程序中显示日期可提供更好的用户体验。在本文中,我们将了解如何在Flutter应用程序中实现日历。按照步骤在我们的Flutter App 中实现日历第 1 步:在 pubspec.yaml 文件中添加以下依赖项在 pubspec.yaml 文件中添加给定的依赖项。DartDartDartDa...

  Flutter振——BottomSheet 类

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

底部工作表是在屏幕上显示各种选项的流行方式之一。这有助于用户切换到新屏幕。您将在大多数应用程序中看到此底部表格以添加数据或添加一些信息,例如地址或票号。在本文中,我们将看到如何在我们的Flutter应用程序中实现 Bottom Sheet。BottomSheet 类的构造函数:BottomSheet 类的属性:backgroundColor:它用于为底部工作表提供背景颜色。海拔:它用于为我们的底部...

  在Flutter限制横向模式

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

在本文中,我们将学习如何在flutter应用程序中限制横向模式。一个生产就绪的应用程序应该没有各种错误和错误。大多数情况下,我们为纵向设计我们的应用程序,如果我们翻转为横向,UI 可能不会为此调整。因此,有两种情况,首先是您的应用可以调整为横向,其次是您的应用可能不需要横向。因此,在第二种情况下,我们可以限制横向。这可以通过使用默认的SystemChrome类来完成。这个类有一个方法setPref...

  Flutter – OctoImage 小工具

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

Flutter的OctoImage 小部件需要一个ImageProvider来在应用程序中显示图像。 OctoImage 小部件中的图像可以提供进度指示器或占位符,用于在其中加载图像。 OctoImage 小部件使用Octosets,它只是预定义占位符、imagebuildesr和错误小部件的组合。有两种方法可以使用 OctoImage 小部件,如下所示:1. 使用 OctoImage:2. 使用...

  Flutter- 跑马灯

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

Marquee 是一个可以无限滚动的flutter小部件。它在每轮滚动后暂停,并具有持续时间、曲线等功能,并且是高度可定制的。它用于大多数社交媒体应用程序中的大型内容交付。它通常用作横幅以在应用程序中发布公告,因为它很容易吸引用户的眼球。它的定义如下:关键参数:文本:它包含滚动中显示的文本。style:用于自定义和设计卷轴bankSpace:它决定了每个后续滚动之间的间隙速度:它决定了滚动滚动文本...

  Flutter – 管理 MediaQuery 对象

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

在为手机和平板电脑开发应用程序的过程中,标准做法是针对不同的屏幕尺寸使用不同的 UI 布局以获得更好的用户体验。如果用户对不同的字体大小有偏好设置或想要缩减动画。这就是 MediaQuery 发挥作用的地方,您可以获取有关当前设备大小以及用户首选项的信息,并相应地设计布局。 MediaQuery 提供当前应用程序屏幕尺寸的更高级别视图,还可以提供有关设备及其布局首选项的更多详细信息。实际上,Med...

  Flutter – 使用 Firebase 设计电子邮件身份验证系统

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

Flutter是使用单一代码库开发跨平台应用程序的绝佳工具。虽然Flutter很有用,但当您添加 Firebase 时它会变得更好。在本文中,我们将讨论如何使用 Firebase 在Flutter实现电子邮件/密码身份验证过程。在本文中,我们将介绍以下flutter开发方面:改进的小部件树。TextFormField 验证逻辑。切换密码文本可见性。处理 UI 中的身份验证错误。具有加载状态的自定义...

  Flutter – 淡化小部件

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

每个应用程序都需要浏览应用程序中的多个页面和组件。在flutter上这样做的方法是利用路由(即页面)。但是当需要从页面中删除一部分(元素)时,使用路由就变得多余了。这就是 Fading 的用武之地。在这种情况下,组件只是从页面上消失了。在本文中,我们将详细探讨相同的内容。AnimatedOpacity 类的构造函数:AnimatedOpecity 小部件的属性:alwaysIncludeSeman...

  Flutter– 测试

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

首先,从头开始制作的小应用程序通常在高端系统中使用虚拟模拟器进行手动测试,或者在低端系统中使用外部Android手机进行测试,因为模拟器可能会导致低端设备中的系统滞后或死机.您构建的应用程序中存在的功能越多,手动测试应用程序就越困难。因此,执行自动化测试可确保应用程序在发布前正常运行。现在,自动化测试可以分为以下几类:单元测试集成测试小部件测试根据事实,建议在不同类型的测试之间进行权衡,我将在下表...

  Flutter – 处理视频

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

视频是一种可以在应用程序中使用的重要媒体形式。在Flutter,视频是通过使用video_player 插件来处理的。这会执行诸如播放视频、暂停视频或静音之类的任务。它可用于播放来自互联网的视频或存储在应用程序资产中的视频。在本文中,我们将通过一个示例应用程序详细探讨相同的内容。使用以下步骤构建一个可以播放视频的简单应用程序:将 video_player 依赖项添加到pubspec.yaml文件。...