📝 Flutter教程

265篇技术文档
  Flutter – 懒加载器

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

Lazy loader 是ScrollView的包装器,可实现延迟加载。在应用程序的意图是在ListView 中显示无限内容的情况下,它非常有用。例如,Instagram、Facebook和大多数社交网络平台都使用它们来提供源源不断的内容。在本文中,我们将通过构建一个具有无限内容的简单应用程序来研究在应用程序中实现 Lazy loader 的过程。为简单起见,我们将使用单个内容,并为应用程序中的其...

  Flutter – 横幅小工具

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

横幅小部件内置于flutter API 中。它有点类似于我们在调试模式下在flutter应用程序的右上角看到的调试横幅。它使我们能够在任何其他小部件的顶部显示消息或文本。下面我们将借助示例及其所有属性来了解其实现。Banner 类的构造函数:横幅小部件的属性:child:此属性将一个小部件作为对象放置在横幅中。color:此属性通过将Color类作为对象来为横幅分配背景颜色。layoutDirec...

  Flutter – FlutterLogo 小工具

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

FlutterLogo小部件很简单,因为它的声音,它只是在图标的形式flutter标志。这个小部件还内置了flutter SDK。此小部件可以用作图像或图标的占位符。下面我们将看到它的所有属性和构造函数的实现。FlutterLogo 类的构造函数:FlutterLogo 小部件的属性:曲线:该属性以曲线类为对象。如果其他属性发生变化,它会控制动画的类型。duration:duration属性以Du...

  Flutter的FlatButton 小部件

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

FlatButton是材料设计flutter部件。它是一个文本标签材料插件执行的动作当按钮被窃听。让我们借助示例来理解。Disclamer:As of May 2021 the FlatButton class in flutter is deprecated. TextButton class should be used instead. The later class will eventu...

  Flutter – 向互联网发送数据

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

与 Internet 交互对于大多数应用程序的函数至关重要。在Flutter,http包用于将数据发送到互联网。在本文中,我们将详细探讨同一主题。要通过您的应用程序将数据发送到互联网,请按照以下步骤操作:导入http包通过http包向服务器发送数据将响应更改为自定义dart对象显示响应导入 http 包:要安装 http 包,请在命令提示符中使用以下命令:或者,如果您使用的是fluttercmd,...

  Flutter – GetX 状态管理库

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

的getX是一个快速,稳定,和光状态管理flutter库。还有像MobX,集团,终极版,提供等flutter这么多国家管理库的getX也是一个强大的微架构,并使用此,我们可以管理的状态,使路由,并且可以进行依赖注入。GetX的三个原则:性能:与其他状态管理库相比,GetX 是最好的,因为它消耗最少的资源并提供更好的性能。生产力:GetX 的语法很简单,因此生产力很高。它为开发人员节省了大量时间并提...

  Flutter – Magic 8 Ball 应用程序

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

我们将构建一个 Magic 8 Ball 应用程序,它将为您提供所有有趣的棘手问题的答案(基本上它是一个有趣的游戏应用程序,它将使用 Stateful 小部件更改其图像 Flatbutton 的状态)。为此,我们将使用无状态和有状态Flutter小部件,即 Flatbutton。我们将在此项目中使用VS CodeIDE,您也可以使用 Android Studio 或任何其他 IDE。现在,首先,按...

  Flutter- 可滑动

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

在应用程序中可滑动可用于执行范围广泛的任务,只需在磁贴上向左或向右滑动即可。它不仅使用户界面非常人性化,而且还节省了大量时间来处理琐碎的任务,如果以其他方式完成这些任务,设计可能会很忙且多余。在本文中,我们将研究为您的应用程序设计可滑动的过程。在这里,我们将使用磁贴构建一个简单的应用程序,当从左到右滑动时会存档磁贴,从右向左滑动时会删除磁贴。为此,请执行以下步骤:将flutter_slidable...

  Flutter – 应用程序开发的最佳替代方案

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

如果您是初学者并且想要制作一些移动应用程序,但是您对移动应用程序开发提供的技术和框架感到困惑,或者如果您只是想知道flutter从其竞争对手那里提供了哪些优势,那么本文适合您。如果开发人员想开始移动应用程序开发,那么他/她可以获得有关应用程序开发市场中最佳趋势和技术的大量选择。仅列出所有主要的应用程序开发技术,即React Native、Xamarine Forms、 Ionic、Cordova、...

  Flutter – 使用图表

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

Flutter的syncfusion_flutter_charts 库用于处理图表。图表在以可视形式描绘数据时非常有用。这些软件包附带各种精美且高性能的图表。它带有各种笛卡尔或圆形图表,具有流畅的交互和精美的动画,完全可定制和可扩展。在本文中,我们将在一个简单的应用程序的帮助下研究相同的内容。要构建应用程序,请按照以下步骤操作:将依赖添加到pubspec.yaml 文件中将依赖项导入到 main....

  Flutter – 路由转换中的动画

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

路由只是Flutter应用程序中的页面。应用程序经常需要从一个页面移动到另一个页面。但是为了使这些过渡更平滑,可以使用动画。这些动画可用于对 PageRouteBuilder 类的 Animation 对象进行曲线或补间以改变过渡动画。我们将在这里详细讨论它们。让我们构建一个简单的应用程序来更好地理解这个概念。请按照以下步骤操作:添加 PageRouteBuilder。添加补间。创建一个动画小部件...

  Flutter – 灵活的小部件

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

Flexible是flutter的一个内置小部件,它控制基本 flex 小部件(即 Row、Column 和 Flex)的子级如何填充可用空间。 flutter的Expanded小部件是Flexible 的简写,默认配合FlexFit.tight。灵活的小部件在制作响应式应用程序中起着非常重要的作用,该应用程序在多种设备尺寸上的外观和感觉都相同。但是,如果您只想通过小部件对空间进行基本填充,那么E...

  Flutter和区块链——人口 Dapp

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

在查看本文之前,请先看看Flutter和区块链 – Hello World Dapp。本教程将带您完成构建移动 dapp 的过程——区块链上的人口!本教程适用于具有以太坊和智能合约基础知识、对Flutter框架有一定了解但对移动 dapp 不熟悉的人。在本教程中,我们将介绍:设置开发环境创建松露项目编写智能合约编译和迁移智能合约测试智能合约与Flutter 的合约链接创建一个 UI 来与智能合约交...

  Flutter – 简单的 PDF 生成应用

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

Flutter社区创建了几个包来在我们的应用程序中处理 PDF。在本文中,我们将创建一个简单的 PDF 生成应用程序。此应用程序将纯文本转换为 PDF。下面列出了我们将需要的软件包及其用途:pdf:它是一个flutter的 PDF 创建库。它可以创建包含图像、表格、不同字体等的完整多页文档。flutter_full_pdf_viewer:用于预览PDF。path_provider:用于查找文件系统...

  Flutter – BorderRadius 小工具

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

BorderRadius是flutter一个内置的小工具。它的主要功能是在小部件的边界角周围添加一条曲线。我们总共有五种方法可以使用这个小部件,第一种是使用BorderRadius.all,这里所有角的半径都相同。第二种方法是使用BorderRadius.Circle,这里我们只需要指定半径一次,这将是一个双精度值。第三种方式是使用BorderRadius.horizontal,这里我们可以为左右...