📝 Flutter教程

265篇技术文档
  Flutter – 架构应用

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

Flutter架构应用主要包括:小工具手势状态概念图层小工具小部件是任何flutter应用程序的主要组件。它充当用户与应用程序交互的 UI。任何flutter应用程序本身都是一个小部件,由小部件组合而成。在标准应用程序中,根定义了应用程序的结构,然后是 MaterialApp 小部件,该小部件基本上将其内部组件固定到位。这是设置 UI 和应用程序本身的属性的地方。 MaterialApp 有一个 ...

  Flutter – BoxShadow 小部件

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

BoxShadow是flutter一个内置的小工具,其功能是将投射阴影,以一个盒子。BoxShadow小部件通常与BoxDecoration一起使用。在BoxDecoration小部件中,它的参数之一是boxShadow,它采用BoxShadow列表在框周围投射阴影。BoxShadow 类的构造函数:BoxShadow 小部件的属性:blurRadius:此属性采用双精度值作为对象。它控制阴影边缘...

  Flutter – 国际化

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

国际化是指应用以不同的区域语言提供以更好地覆盖人们的术语。为此,我们必须以不同的语言提供一个应用程序,并为它们提供合适的布局。 Flutter提供了国际化应用程序的方法。我们将讨论如何本地化MaterialApp。Flutter支持 78 种不同的语言。默认情况下,英语(美国)是本地化语言。设置应用程序:首先,我们必须在pubspec.yaml依赖文件中添加以下代码行,如下所示:在pubspec....

  在Flutter调用

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

在这个网络世界中,客户关怀在公司的成功中扮演着重要的角色。用户通过电话与高管交谈时非常满意。这迫使公司将电话号码添加到他们的应用程序中,以便他们的客户可以轻松地与他们联系。但是,将这些号码从应用程序拨入默认电话应用程序会变得非常麻烦。所以,为了提升用户体验, Flutter推出了一个功能,用户只需点击一下就可以呼叫对方。这可以通过使用“url_launcher”插件来实现。Flutter的调用在F...

  Flutter- 涟漪效应

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

在Flutter,InkWell小部件用于在点击时执行波纹动画。这种效果对于遵循材料设计指南的所有应用程序组件来说都是常见的。涟漪动画最简单的术语可以理解为应用程序底部的黑色(默认)栏,当点击应用程序的各个组件时,它会显示一些数据。让我们使用一个简单的应用程序更好地理解这些涟漪效应。要构建这样的应用程序,请按照以下步骤操作:创建一个可以点击的简单小部件。使用InkWell小部件在点击操作上添加回调...

  Flutter的网页抓取

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

通过访问网页的 HTML 从网页中提取所需数据/信息的过程称为Web Scraping或Web Harvesting或Web Data Extraction。本文讨论了使用 Flutter 的html和http包进行 Web Scraping 所涉及的步骤。第 1 步:设置一个新的Flutter应用通过运行以下命令创建一个新的flutter应用程序:在 VS Code 或 Android Stud...

  Flutter API 中的基本测验应用程序

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

Flutter API 是一个开源软件开发工具包,用于构建原生编译的漂亮 UI。目前,它是适用于 IOS 和 Android 操作系统的稳定版本。在这个应用程序中,我们将拥有下面提到的功能或模块:五道选择题(更多题可以补充)。除了最后一个之外,每个问题的四个可选选项以按钮的形式出现。分数将根据为每个问题(内部)选择的选项计算。并且根据最终分数,除了分数和重新开始按钮之外,还会在测验结束时显示评论。...

  Flutter – 凸底条

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

Convex Bottombar是一个应用程序栏,其设计方式使其具有凸面形状。它可以使 UI 看起来很棒,还可以改进用户与界面交互的方式。在本文中,我们将使用最简单的凸底栏形式之一构建一个简单的应用程序。要构建具有凸底栏的应用程序,请按照以下步骤操作:将convex_bottom_bar依赖项导入pubspec.yaml 文件。将依赖项导入到 main.js 中。dart文件。为应用程序结构创建一...

  Flutter – 管理表单输入焦点

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

在本文中,我们将看到如何在Flutter管理表单输入焦点。当一个TextField 小部件被选中并接受输入时,它被称为具有焦点。用户只需点击它就可以将焦点转移到TextField。假设我们有一个消息应用程序,当用户导航到消息屏幕时,我们可以将焦点设置到我们键入消息的TextField。这允许我们的用户在屏幕可见时立即开始输入消息,而无需手动点击TextField。一旦TextField可见,我们就...

  Flutter – BorderSide 小部件

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

BorderSide部件在flutter是一个内置的小工具,其函数是控制的外观和感觉周围插件的边框各边的。 flutter的Borderwidget也以BorderSide为对象,代表各个边。BorderSide 类的构造函数:BorderSide 小部件的属性:color:color属性将Color类(final)作为对象,为边框边指定颜色。hashCode:此属性将一个int值(覆盖)作为对象...

  Flutter – 命名路由中的参数

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

Flutter应用程序的各种路由(即页面)之间的导航是使用Navigator 完成的。导航器使用通用标识符在路由之间进行转换。可以使用Navigator.pushNamed()方法的arguments参数将参数传递给这些路由。可以使用ModalRoute.of()方法或使用onGenerateRoute()函数提取参数。在本文中,我们将探索使用 ModalRoute.of() 方法提取参数的方法。...

  Flutter- 旋转过渡

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

在Flutter,page_transition 包用于创建漂亮的页面过渡。它提供了广泛的效果,可用于从一条路线移动到另一条路线。使用起来非常方便。在本文中,我们将通过构建一个简单的应用程序来探索相同的内容。要构建一个描述使用 page_transition 包进行旋转转换的简单应用程序,请按照以下步骤操作:将 page_transition 添加到 pubspec.yaml 文件中的依赖项在 m...

  Flutter – 填充小部件

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

在flutter小部件填充不正是它的名字一样,它增加了填充或空白区周围的小部件或者一串窗口小部件。我们可以通过将任何小部件作为Padding小部件的子项放置它来在任何小部件周围应用填充。填充内的子小部件的大小受在周围添加空白空间后剩余空间的限制。Padding小部件通过使用抽象的EdgeInsetsGeometry类在任何小部件周围添加空白空间。填充类的构造函数:填充小部件的属性:child:这个...

  在Flutter清除 TextField

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

TextField和TextFormField是获取用户输入的两个最常见的小部件。它们可以用于制作表单、登录页面等。为了使它们的实现有效和准确,我们需要添加某些功能。在本文中,我们将学习如何清除某些操作的TextField。您的应用程序中可能存在某些场景,您可能需要清除文本字段。假设您正在创建一个表单,提交后您将被重定向到一个新页面,如果您现在返回,那么输入的文本仍然存在,这不是一个好的 UI 的...

  Flutter – 在互联网上更新数据

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

在当今世界,大多数应用程序严重依赖于通过 Internet 从服务器获取和更新信息。在Flutter,此类服务由 http 包提供。在本文中,我们将探讨相同的内容。要更新 Internet 上的数据,请执行以下步骤:导入http包使用 http 包更新数据 t将响应转换为自定义Dart对象从互联网上获取数据。更新并在屏幕上显示响应导入 http 包:要安装 http 包,请在命令提示符中使用以下命...