📝 Flutter教程

265篇技术文档
  Flutter – 容器样式

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

在这篇文章中,我们将看看flutterContainer 中最基本和最简单的小部件。我们将看看如何根据需要以不同的方式设置容器的样式,以便我们可以在我们的应用程序中有效地使用这个小部件。首先,我们必须为我们的项目编写一些起始代码。我们应用程序结构的代码将如下所示:-DartDartDartDartDartDartDartDart我们在 Material App 的 home 属性中创建了一个名为H...

  Flutter – AbsorbPointer 小部件

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

AbsorbPointer是内置在flutter插件吸收指针,换句话说,它可以防止其从子树被点击,点击操作,滚动,拖动,以及悬停响应。在flutter,大多数小部件已经提供了禁用它们的选项,例如在RaisedButton 中,我们可以将onClicked函数设置为 null 以禁用,或者我们可以使用NeverScrollableScrollPhysics()禁用ListView。但是如果我们想一次...

  Flutter – 本地状态 vs 应用范围状态

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

本地状态(有时称为UI 状态或临时状态):它是一种可以在单个小部件中管理的状态。这种状态不需要状态管理技术(Bloc、redux 等),Stateful Widget 就足够了。例子:页面视图中的当前页面,导航栏中的当前选项卡。DartDartDart输出:https://media.geeksforgeeks.org/wp-content/uploads/20210209013052/Andro...

  Flutter – 应用程序的玻璃态 UI 设计

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

用户界面 (UI) 是应用程序和网站的成就和令人愉悦的关键组成部分。此外,由于 UI 是关于外观和计划方言的,因此它很容易受到获胜模式和风格的改变。从长远来看,不同的开发风格影响了 UI 环境。拟物化最终提供了一种水平、适度的计划方法。那时出现了 Neumorphism,它是由现实世界中的对象推动的。最近席卷UI 世界的模式是Glassmorphism。Glassmorphism是 UI 中最新的...

  Flutter – Google 登录 UI 和身份验证

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

在本文中,我们将研究如何制作漂亮的Google 登录屏幕并通过 Google 对其进行身份验证。为此,请执行以下步骤:第一步:首先在你的IDE中创建flutter项目。第 2 步:之后只需删除默认代码并从头开始。第 3 步:现在只需导入材料库并将 runApp()函数到主函数名称中作为GoogleSignIn。第 4 步:现在创建一个名为“GoogleSignIn”的有状态小部件。DartDart...

  Flutter – 黑暗主题

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

现在几乎所有的移动应用都使用深色主题,例如 Instagram、Whatsapp、Youtube 等。在Flutter很容易实现,只需几行代码即可实现。但在此之前,让我们探讨一下flutter中用于实现深色主题的一些重要概念主题数据类:ThemeData 类定义 App 的主题。它在 MaterialApp 内部使用,它有助于配置整个应用程序的外观。我们可以根据我们的要求覆盖它并进行更改。现在让我...

  Flutter的表单验证

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

表单验证是每个应用程序的重要组成部分。在flutter应用程序中,有很多方法可以验证表单,例如使用TextEditingController。但是在大型应用程序中为每个输入处理文本控制器可能会很混乱。因此,Form为我们提供了一种验证用户输入的便捷方法。在表单中,输入在您的提交函数进行验证(该函数在用户输入每个细节后调用,但条件应用在每个TextFormField本身中,并带有一个小部件名称验证器...

  Flutter – 实现叠加

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

Overlays 通过将它们插入到叠加层的 Stack 中,让独立的子小部件将视觉元素浮动在其他小部件的顶部。本文讨论 Overlays 在Flutter的实现。为了实现覆盖在Flutter,我们需要知道大约两Flutter内置类OverlayEntry类的NdOverlayState 类。覆盖条目:模糊地说 OverlayEntry 是 Overlay 中的一个地方,可以包含一个小部件。Over...

  Dart – 使用 Vs 工具扩展 Vs

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

所有使用dart使用Flutter框架进行应用程序开发的开发人员都会经常遇到工具、扩展和关键字的不同用法。在Dart,一个类可以继承另一个类,即dart可以从现有类创建一个新类。我们利用关键字来做到这一点。在本文中,我们将研究用于相同目的的 3 个关键字并进行比较,即:延伸和工具让我们一次一个地研究它们。延伸在Dart, extends 关键字通常用于使用继承来改变类的行为。一个类从另一个类派生属...

  Flutter – SilverAppBar 小部件

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

SliverAppBar是flutter了材料设计部件赋予滚动或可折叠的应用吧。此处的可滚动区域使用了Sliver一词。SliverAppBar基本上为我们提供了创建应用栏的方法,该应用栏可以改变外观、融入背景,甚至在我们滚动时消失。我们已经有AppBar在flutter哪个地方应用栏在固定高度部件。但是,环顾四周,我们可以看到可滚动的应用栏用户界面被广泛使用。我们甚至可以认为GeeksforGe...

  Flutter – 主题

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

主题是任何应用程序 UI 的组成部分。主题用于设计应用程序的字体和颜色,使其更具表现力。在Flutter,Theme 小部件用于向应用程序添加主题。可以将它用于应用程序的特定部分,例如按钮和导航栏,也可以在应用程序的根目录中定义它以在整个应用程序中使用它。Theme 类的构造函数:主题小部件的属性:child:child属性将一个小部件作为对象显示在小部件树中的主题小部件下方。data:该属性将 ...

  Flutter – 开发者工具

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

DevTools 是一个面向Flutter和Dart开发人员的工具套件,包括布局检查工具、性能工具、内存工具,基本上将成为高效Flutter开发人员所需的所有调试工具捆绑到一个 Web 套件中。开发者工具的使用:Flutter DevTools 可用于执行许多操作。其中一些如下所列:界面检查。应用状态检查。诊断 UI 垃圾性能。诊断flutter应用程序的问题。DevTools 用于 CPU 分析...

  Flutter – 创建底部表 GetX 库

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

Bottomsheets在底部显示,以显示我们想要显示的任何内容的表。通常,当我们创建 bottomsheet 时,创建的语法很长,并且还使用了上下文。为了避免这种情况,我们可以在 GetX 库的帮助下用简单的代码创建底部表。我们也可以在无状态小部件中使用语法 Get.bottomsheet() 创建,并且没有必要使用有状态小部件来创建底部表。所以 GetX 在很多方面都非常强大,它在我们的开发中...

  Flutter – 骨架文本

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

在Flutter,skeleton_text 库用于轻松实现骨架文本加载动画。它在flutter应用程序中的主要应用是向用户保证服务器正在工作但运行缓慢,但内容最终会加载。如果用户连接速度也很慢,它还可以增强 UI。在本文中,我们将通过构建一个简单的flutter应用程序来研究将骨架文本实现到flutter应用程序的过程。要构建相同的,请按照以下步骤操作:添加骨架_文本依赖到pubspec.yam...

  Flutter – 避免 Jank

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

解析大型 JSON 文件可能会导致应用程序性能不佳和关闭动画。如果解析和计算大型 JSON 文件的时间超过 16 毫秒,用户就会遇到 Jank。 Dart默认使用单线程来执行这些任务,虽然对于较便宜的计算来说简单快速,但在计算量很大时它会失败。为了避免这些卡顿,可以使用隔离在后台的不同线程中执行所有计算。在本文中,我们将探索在后台解析 JSON 的过程。为此,请执行以下步骤:导入http包。使用 ...