📝 Flutter教程

265篇技术文档
  Flutter – 二维码扫描器和二维码生成器

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

如今,使用二维码访问网站、图像和文件已被广泛使用。这些二维码用于支付,易于使用。您可以在 Google Pay、Amazon Pay 等各种支付应用程序中看到此功能。在今天的文章中,我们将看到如何在flutter应用程序中为某些链接和二维码扫描仪生成二维码。按照以下步骤在Flutter构建一个简单的 QR 扫描仪和生成器应用程序:第 1 步:首先在您的 pubspec.yaml 文件中添加以下依赖...

  Flutter – BoxDecoration 小部件

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

BoxDecoration是一个内置在flutterAPI插件。在最基本的层面上,它描述了一个盒子应该如何在屏幕上绘制。盒子的形状不仅可以是矩形或正方形,也可以是圆形。它有很多属性,我们可以在里面添加图像,向边框添加半径(如果形状是矩形),向框投射阴影等。下面我们将看到它的所有属性和示例实现BoxDecoration 小部件。BoxDecoration 类的构造函数:BoxDecoration 小...

  Flutter的相机访问

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

要在flutter添加来自相机的图像,我们将使用image_picker包。为此,您需要使用真实设备。按照以下步骤显示来自相机的图像:第 1 步:创建一个新的flutter应用程序。第二步:从main中删除默认代码。dart文件。第 3 步:将依赖项添加到您的pubspec.yaml文件中:第 4 步:在 main.js 中使用以下代码。dart文件:主要的。dart:Dart输出:当没有选择图像...

  Flutter – 动画启动画面

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

动画启动画面用于Flutter应用程序中的启动画面。所有应用程序或多或少都使用它们来显示机构的标志及其创建者的意识。这虽然没有任何功能,但它可以很好地提高产品知名度和推广。让我们借助一个简单的应用程序深入了解动画启动画面的实现。要构建它,请按照以下步骤操作:在pubspec.yaml 文件中添加依赖将依赖项导入到 main.js 中。dart文件将资产(徽标)添加到资产文件夹以在应用程序中使用将资...

  Flutter – 边框小部件

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

flutter的边框小部件被分配了一个简单的功能来为其他小部件添加边框。第一种是使用BorderSide创建所有边框。第二种方法是使用Border.all创建具有相同颜色和宽度的统一边框。第三种是使用Border.fromBorderSide创建一个边都相同的边框。第四种方法是使用Border.symmetry使边框看起来垂直和水平对称。Border类的构造函数:Border.all 的构造函数:...

  Flutter – 小部件树和元素树

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

众所周知,在Flutter中设计的应用程序的用户界面包含一组小部件。这意味着整个应用程序都设置为由小部件组成。小部件描述了应用程序视图在给定状态下的外观。现在,由于用户界面包含多个小部件,因此将这几个小部件组合起来形成一个小部件树。现在,对于用户创建的每个小部件, flutter框架会同时创建一个元素,因此现在将这些元素组合在一起称为元素树。这意味着小部件树具有所有小部件配置,元素树具有屏幕上所有...

  Flutter – 卡片小工具

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

卡是一种内置的flutter在小部件,其导出从谷歌的材质设计库的设计。这个小部件在屏幕上的功能是,它是平淡的空间或带有圆角的面板,下侧略有升高。它具有许多属性,如颜色、形状、阴影颜色等,让开发人员可以按照自己喜欢的方式对其进行自定义。下面我们将通过它的所有属性和一个例子来看看它的实现。Card 类的构造函数:卡片小部件的属性:borderOnForeground:这个属性接受一个布尔值作为一个对象...

  Flutter – InkWell 小部件

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

墨水瓶是flutter材料部件。它响应用户执行的触摸动作。当用户单击按钮时,Inkwell 会做出响应。有很多手势,比如双击、长按、点击等。下面是这个小部件的这么多属性。我们可以使用半径设置墨水池小部件的半径,也可以使用borderRadius 设置边框半径。我们可以使用splashColor赋予初始颜色,并且可以做很多事情。InkWell 类的构造函数:例子:主要的。dartDart解释:创建一...

  Ubuntu 20.04 中的Flutter开发

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

在本文中,如果您使用的是 Ubuntu 20.04,让我们看看如何为Flutter设置开发环境。早些时候很难,完成它有点像一场噩梦。但是现在,情况发生了变化,任何人都可以在几分钟内轻松地在他们的 Ubuntu 系统上设置一个flutter开发环境。在 Ubuntu 上Flutter让我们分解我们必须做的事情。在继续之前,请注意,我们将在 VS Code 中设置flutter ,因为它可以在几乎任何...

  Flutter – 使用检查器

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

Flutter基于 Widgets 和 Widget Trees。如果您不Flutter,请将 Widget 想象成数据结构或数据类。为了创建一个flutter应用程序,我们将这些小部件相互嵌套。Flutter检查器工具Flutter Inspector 介绍:就像在 Native android 中我们可以借助 .xml 文件查看应用程序的蓝图及其属性一样, Flutter提供了一个名为Flut...

  在 Firebase 上免费托管Flutter网站

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

Flutter是一个用户界面开发软件开发工具包。 Flutter是一个由 Google 维护的开源项目。它使软件开发人员能够使用单一代码库为 IOS、Android、Web 和桌面制作精美的本机编译应用程序。虽然开发flutter应用程序非常有趣和有趣,但将产品展示给最终用户也很重要。最好的方法之一是在 firebase 托管上托管flutter web 应用程序。Firebase 也是一款护目镜...

  Flutter – Giffy 对话框

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

Giffy Dialogs是一个高度可定制的警报对话框。它是通过使用giffy_dialog包的flutter实现。这个包完全是用Dart语言编写的,并提供了广泛的功能。下面列出了三种类型的 giffy 对话框:网络 giffy 对话框耀斑 giffy 对话框资产 giffy 对话框让我们详细谈谈它们。1.网络giffy对话框:这些是从互联网获取其内容(如图像)的 giffy 对话框类型。 Net...

  Flutter – 小吃店

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

Snackbar 用于向用户显示我们的应用程序中是否发生了某些操作。例如,如果用户登录过程由于某种原因失败,那么我们可以使用snackbar 来通知用户重试。它会在屏幕上弹出,还可以执行撤消已发生的操作等操作。构造函数:特性:动作:基于小吃店执行的动作。动画:小吃店的进入和退出动画。backgroundcolor:小吃店背景色行为:小吃店的行为和位置。内容:小吃店的内容。持续时间:应该显示小吃店的...

  Flutter – 可滚动文本

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

在本文中,我们将制作一个Flutter应用程序,我们将在其中添加一个可以水平或垂直滚动的Text Widget。根据用户的需要,这些可以具有广泛的应用。在这里,我们将实现最简单的可滚动文本形式。我们可以使用这两个小部件使文本在flutter可滚动:扩展类:一个小部件,扩展行,列的孩子,或Flex使孩子充满了可用空间。SingleChildScrollView 类:可以在其中滚动单个小部件的框。我们...

  Flutter– 材料设计

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

如果有人想跨平台快速构建美观、可扩展的应用程序?那么材料设计是要走的路。什么是材料设计?Material 是一种适应性强的设计系统,以开源代码为后盾,可帮助开发人员轻松构建高质量的数字体验。从设计指南到开发人员组件,Material 可以帮助开发人员更快地构建产品。材料设计指南提供了最佳实践和用户界面设计。可用性和平台指南,以帮助确保我们的应用程序适用于所有用户,无论他们使用什么平台。在指南中,有...