📝 Flutter教程

265篇技术文档
  Flutter和Ionic之间的区别

📅  最后修改于: 2021-01-02 05:36:02        🧑  作者: Mango

Flutter和Ionic之间的区别Flutter和Ionic是用于为iOS和Android平台构建移动应用程序的两种领先技术。它们使开发人员可以使用一种编程语言和单一代码库快速为移动,Web和桌面上的应用程序制作原型并发布它们。这两个框架都有其好处,因此组织的更好选择取决于特定的要求和目标。在本节中,我们将基于各种参数比较Flutter和Ionic框架之间的差异。在进行比较之前,我们将简要讨论这...

  20个Flutter面试问题

📅  最后修改于: 2021-01-02 05:37:15        🧑  作者: Mango

扑面试问题下面列出了Flutter面试常见问题解答。1)什么是Flutter?Flutter是一个UI工具包,用于使用一种编程语言和单个代码库创建快速,美观,本地编译的移动应用程序。它是Google开发的开源开发框架。通常,Flutter不是语言。这是一个SDK。 Flutter应用程序使用Dart编程语言创建应用程序。 Flutter的第一个Alpha版本于2017年5月发布。Flutter主要...

  Flutter – 文件结构

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

2021 年的Flutter是跨平台应用开发领域的后起之秀。无论是学生的大学项目、小型创业公司、独角兽还是大型科技巨头都在使用flutter。文件结构是应用程序数据的组织方式。文件结构对于有效和轻松地管理任何大小的项目都起着非常重要的作用。随着项目规模的增长,为代码提供适当的结构和格式变得越来越重要,否则会导致许多不希望出现的问题,例如:无法找到特定文件是一个存储库,使其成为一项耗时的任务。不适合...

  Flutter的底片

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

我们可以在flutter创建底片。基本上,我们在材料设计中有两种类型的底片:Persistent和Modal。当我们想要执行操作时使用底表。基本上有两种类型的Bottomsheets:Persistent 和Modal。 Persistentbottomsheet不隐藏屏幕内容,重点放在两边。但是 Modalbottomsheet更侧重于bottomsheet而不是主屏幕内容。当点击持久按钮时,页...

  Flutter – FutureBuilder 小部件

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

在Flutter,FutureBuilderWidget 用于根据与 Future 交互的最新快照创建小部件。这是必要的要被通过的状态或变化的依赖关系的变化更早或者获得未来。FutureBuilder是一个 Widget,它将帮助您执行一些异步函数,并根据该函数的结果您的 UI 将更新。FutureBuilder本质上是有状态的,即它维护自己的状态,就像我们在StatefulWidgets 中所做...

  Flutter的掩码检测应用

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

如今在Covid的情况下,戴口罩保护自己和他人非常重要。所以这个应用程序有助于检测这个人是否戴过口罩。在这个应用程序中,掩码检测是在 TensorFlow Lite 的帮助下完成的。按照步骤在我们的Flutter应用程序中实现掩码检测将依赖项添加到pubspec.yaml文件。将依赖项导入到 main.js 中。dart文件第 1 步:首先在您的 pubspec.yaml 文件中添加以下依赖项在p...

  Flutter – 响应式和自适应应用程序

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

每当我们开发一个应用程序时,我们通常为单个设备开发它,但它并不意味着只在单个设备上使用,而是在不同大小的不同设备上使用,并且在flutter的情况下,它还为我们提供了为 web 开发的便利同一时间。所以我们必须处理一系列不同的尺寸。在这里,我们将讨论如何处理这个问题。为了解决这个问题,我们将使用Flutter的MediaQuery类。此类为我们提供了与运行应用程序的屏幕大小相关的信息。 size ...

  Flutter – BorderRadiusDirectional 小部件

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

BorderRadiusDirectional是flutter一个预建的小部件。它的功能类似于BorderRadius小部件,即围绕边框的角添加曲线。但是有一个区别,在BorderRadiusDirectional小部件中,我们可以根据文本方向指定角半径。当我们的flutter应用程序的文本方向取决于用户的某种用户输入(例如选择应用程序的语言)时,它会派上用场。在某种程度上,它与BorderDir...

  Flutter – 旋转木马滑块

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

旋转木马滑块是当今大多数应用程序中使用的最流行的图像滑块之一。这些旋转木马滑块主要出现在各种电子商务网站中,例如亚马逊、Flipkart、Myntra 等等。在滑块中显示图像可提供有吸引力的用户体验。由于这些滑块是自动化的,您可以看到其中的各种类型的图像和内容。旋转木马滑块的属性:项目:我们必须在其中声明在我们的应用程序中使用的资产图像或网络图像选项:它由许多属性组成,例如:高度:显示图像的卡片总...

  Flutter – 使用布局

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

在谈论Flutter的Layout 之前,只有一件事要记住“ Flutter的一切都是 Widget”。这意味着任何Flutter应用程序中布局的核心是小部件。简单地说,所有的图像、图标、标签和文本等在技术上都是不同类型和布局的小部件。在本文中,我们将详细探讨flutter中布局的概念。为了更好地理解这个概念,让我们举一个例子并分解这些组件以更好地理解。图。1在上图中,您刚刚看到的布局只是几个基本...

  Flutter的ClipOval 小部件

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

ClipOval小部件将子小部件剪辑成椭圆形或圆形。我们可以通过改变width和height来重塑子部件。如果宽度和高度相等,则形状将是圆形。如果宽度和高度不同,则形状将是椭圆形。让我们借助一个例子来理解这一点。ClipOval 类的构造函数:ClipOval 类的属性:clipBehaviour:此属性控制flutter如何剪辑对象。默认情况下,对于大多数类,它设置为clip.none,但在实现...

  Flutter – 水平列表

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

在Flutter中可以有两种类型的列表,即水平列表和垂直列表。这两个列表都是使用ListView构造函数创建的,并分配了scrollDirection参数。默认情况下,垂直列表的滚动方向参数是垂直的,但可以通过向其传递水平参数来覆盖它。此处使用的 ListView 构造函数:ListView 小部件的关键属性:childrenDelegate:该属性以SliverChildDelegate类为对象...

  Flutter – 扩展小部件

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

当我们希望一个或多个子小部件沿主轴占据所有可用空间时,flutter的扩展小部件会派上用场(对于 Row ,主轴是水平和垂直的Column)。展开的小部件可以作为 Row、Column 和 Flex 的子级。如果我们不想为我们的子小部件提供相等的空间,我们可以使用flex因子根据我们的意愿分配可用空间。Expanded小部件类似于flutter的Flexible小部件,其 fit 属性默认设置为F...

  Flutter – SizedBox 小部件

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

SizedBox是一个内置的widgetflutterSDK。它是一个具有指定尺寸的简单盒子。它可用于为子小部件设置大小限制,在两个小部件之间放置一个空的SizedBox以在两者之间获得一些空间,或其他。它有点类似于具有较少属性的容器小部件。SizedBox 类的构造函数:它绘制一个简单的盒子,其中包含提到的高度和宽度或内部的子小部件。SizedBox.expand 的构造函数:SizedBox小...

  Flutter – 滚动快照列表

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

scroll_snap_list 包提供了一个包装器,该包装器环绕 ListView.builder 小部件以在列表项上启用捕捉事件。可根据需要修改为水平或垂直捕捉。同样重要的是要注意它不会使用较少或不使用动画。在本文中,我们将通过一个简单的应用程序来研究 Scroll Snap List 的属性及其实现。滚动快照列表的主要属性:key:用于调用ScrollSnapListStatelistVie...