📝 Flutter教程
265篇技术文档📅  最后修改于: 2021-09-23 06:34:48        🧑  作者: Mango
Flutter使制作漂亮的交互式用户界面变得更加简单和容易。但是,许多flutter开发人员在使用屏幕下方的软键盘输入时遇到了一个问题。问题是,每当用户尝试在屏幕下方填写输入表单(其父小部件是Card、Container或类似的东西)时,软键盘往往会覆盖该表单。下面将复制相同的问题,并将显示此问题的简单解决方案。问题:在这里,在下面的应用程序中,您可以看到,每当用户尝试填写输入表单时,软键盘都会覆...
📅  最后修改于: 2021-09-23 06:34:56        🧑  作者: Mango
Modal Bottom Sheet 是菜单或对话框的替代品,可防止用户与应用程序的其余部分进行交互。它将出现在 UI 上,因此无需导航到不同的页面。它可用于执行不需要构建整个新屏幕的小任务。构造函数:特性:builder :工作表内容的构建器。backgroundColor:显示背景颜色。海拔:通过增加阴影来抬高小吃店。shape:模态底片的形状。clipBehavior:内容将根据此选项进行剪...
📅  最后修改于: 2021-09-23 06:35:03        🧑  作者: Mango
Flutter和区块链本教程将带您完成构建您的第一个移动 dapp – Hello World Dapp 的过程!本教程适用于具有以太坊和智能合约基础知识、对Flutter框架有一定了解但对移动 dapp 不熟悉的人。在本教程中,我们将介绍:设置开发环境创建松露项目编写你的第一个智能合约编译和迁移智能合约测试智能合约与Flutter 的合约链接创建一个 UI 来与智能合约交互与完整的 Dapp 交...
📅  最后修改于: 2021-09-23 06:35:11        🧑  作者: Mango
时间选择器是一个 UI 组件,用于控制或允许选择 24 小时格式或 AM/PM 格式的时间。主要工作是简化时间选择过程并确保用户在应用程序中选择或选择有效时间。这可用于闹钟、秒表或任何其他需要时间选择的场景中。在原生 android 时间选择器中有两种模式可用,第一种是时钟,用户可以从时钟本身选择时间,首先选择房子,然后选择分钟。另一种模式是微调模式,用户可以在其中手动输入时间或滚动微调。 Flu...
📅  最后修改于: 2021-09-23 06:35:19        🧑  作者: Mango
众所周知,Flutter每天都在增长,并在很短的时间内变得更加强大。最初, flutter SDK 发布用于移动应用开发。但是,现在它不仅限于移动应用程序,它还适用于Web和桌面应用程序。今天,我们学习如何使用Flutter制作您的第一个Web 应用程序。将Flutter切换到 Web 不需要任何硬配置。通过使用一些命令,我们可以轻松地移动到网络。让我们来看看 Horizon forFlutter...
📅  最后修改于: 2021-09-23 06:35:27        🧑  作者: Mango
当我们创建行或列的任何子项时,我们根据屏幕尺寸提供小部件的大小,但有时当我们提供比屏幕尺寸更大的子项时,我们会收到警告,并且我们的小部件会退出屏幕以解决问题我们将行或列的子项放在扩展小部件中,以便子项仅占用沿主轴的可用空间。当我们创建多个孩子时,孩子之间的可用空间将根据弹性系数进行划分。扩展小部件仅包含有状态小部件或无状态小部件,而不包含另一种小部件,如RenderObjectWidgets。扩展...
📅  最后修改于: 2021-09-23 06:35:34        🧑  作者: Mango
世界在文本中运作。从广告到对话,文字无处不在。最流行的官方文本通信模式是邮件,其次是短信。公司使用这些模式不仅与员工沟通,还与客户沟通。这导致应用程序开发人员在他们的应用程序中包含邮件和短信服务。 Flutter使用特殊的插件,以便将这些功能带入移动应用程序中。在Flutter添加依赖项:在Flutter,一切都是小部件,同样, Flutter也使用了很多插件或依赖项,以使应用程序运行得更快更容易...
📅  最后修改于: 2021-09-23 06:35:42        🧑  作者: Mango
在像Flutter这样的响应式框架中,您可以将 UI 视为函数的返回值。这里的函数被认为是你的状态。所以简单来说,用户在应用程序中看到的是一种状态,当他点击按钮时,他会看到另一个 UI 屏幕。所以现在那个屏幕是一个状态。所以一个应用程序是由许多状态组成的,即 UI。它们的状态由导航和路线管理。您的许多数据都可以独立于称为本地状态的单个小部件中。需要在整个小部件树中共享的状态称为全局状态。应用程序的...
📅  最后修改于: 2021-09-23 06:35:51        🧑  作者: Mango
Flutter的Wakelock 包用于在使用时保持屏幕唤醒。可根据要求(保持清醒的时间)进行调整。这些都是非常简单的事情,可以提高应用程序的质量并增加应用程序的用户友好性。在本文中,我们将探讨在不使用应用程序时保持手机屏幕唤醒的过程。为此,我们将构建一个带有两个按钮的简单应用程序,即:启用唤醒锁:它会阻止手机屏幕自我锁定,无论它保持这种状态多长时间。禁用唤醒锁:它将禁用应用程序的唤醒锁功能。现在...
📅  最后修改于: 2021-09-23 06:35:58        🧑  作者: Mango
App Bar 是我们在大多数应用程序中看到的最受欢迎的东西之一。此应用栏用于显示菜单、配置文件和设置以导航到不同屏幕等选项。这是与应用程序通信的最有效方式之一。在本文中,我们将看到如何在Flutter应用程序中实现自定义应用程序栏。按照以下步骤在我们的应用Flutter应用中实现自定义应用栏:第 1 步:导航到 main。 dart() 文件并返回 Material App()首先,我们在 ma...
📅  最后修改于: 2021-09-23 06:36:06        🧑  作者: Mango
与 UI 的交互是任何应用程序不可或缺的一部分。但通常情况下,信息需要从一个屏幕发送到另一个屏幕。例如,假设您需要将有关 UI 的选定或点击组件的数据传递到另一个路由(即页面)。在本文中,我们将通过构建一个简单的应用程序来详细探讨将数据发送到另一个屏幕的过程。为了更好地理解,我们将构建一个任务备忘录应用程序,在主屏幕上列出所有待处理的任务,当单击任何任务时,任务的相应详细说明会显示在另一个页面上。...
📅  最后修改于: 2021-09-23 06:36:14        🧑  作者: Mango
在Flutter,Shimmer 用于在应用程序中从服务器加载内容时添加漂亮的动画。这使 UI 看起来更具响应性,并确保用户不会离开缓慢的互联网交互。它可以用来代替传统的ProgressBar或Flutter框架中可用的常用加载器。在本文中,我们将通过构建一个简单的应用程序来研究它的实现。为此,请按照以下步骤操作:在pubspec.yaml 文件中添加依赖在 main.js 中导入依赖项。dart...
📅  最后修改于: 2021-09-23 06:36:22        🧑  作者: Mango
TextSpan是一个不可变的文本跨度。它具有 style 属性来为文本提供样式。它还具有children属性来向这个小部件添加更多文本并为孩子们提供样式。让我们借助一个例子来理解这一点。构造函数:特性:文本:包含在跨度中的文本。儿童:包含更多跨度作为儿童。style:赋予文本的 TextStyle。识别器:用户点击 TextSpan 小部件时的手势检测器。语义标签:此小部件的替代语义标签。has...
📅  最后修改于: 2021-09-23 06:36:30        🧑  作者: Mango
在本文中,我们将看到如何在flutter更改小部件的可见性。我们将学习管理flutter小部件可见性的各种方法。有几种方法可以在flutter管理小部件的可见性。方法 1:使用Visibility类它有一个可见属性,用于管理子组件是否包含在小部件子树中。当它设置为false 时,替换子项通常包含一个零大小的框。示例 1:通过将Visibility小部件的可见参数设置为true来显示子小部件Dart...
📅  最后修改于: 2021-09-23 06:36:38        🧑  作者: Mango
Positioned是一个内置于flutter SDK 的小部件。Postioned就像它听起来的那样,它可以任意将小部件放在彼此的顶部。它通常用于在Stack 小部件中定位子小部件或类似。它仅适用于无状态和有状态小部件。定位类的构造函数:它负责控制 Stack 的孩子的位置。Positioned.directional 类的构造函数:它负责控制 Stack 的孩子的位置。但具有用于指定文本方向的...