📝 Flutter教程

265篇技术文档
  Flutter – 扩展卡

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

expand_card 包用于在Flutter轻松实现可扩展卡。图像和 GIF 也可以用作背景以增强卡片的美感,当卡片展开时,美感会扩大。扩展卡具有广泛的属性,可以通过操作来改变扩展卡的效果。在本文中,我们将研究扩展卡的属性和实现。扩展卡的特性:background:用于设置卡片的背景。borderRadius:它设置卡片的半径。领先:它设置卡片滑动后的动作。gif:卡片中使用的 GIF 的路径。...

  Dart – 并发

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

简单来说,并发意味着应用程序一次在多个任务中取得进展。在正常的应用程序或程序中,每一行代码都按顺序执行,一个接一个。但是使用并发的程序可以同时运行两个函数。如果一个耗时的任务与其他任务同时执行,可以提高程序的吞吐量和交互性。注意:并发程序可能会也可能不会并行执行,这取决于您的机器(单核/多核)如果您在单核系统中尝试并发,您的 CPU 只会使用调度算法并在任务之间切换,因此实际上单核 CPU 中的任...

  Flutter的凸起按钮小部件

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

RaisedButton是基于 Material 小部件的 MaterialDesign按钮,在flutter按下时会升高。它是flutter库中使用最广泛的按钮之一。让我们通过一个例子来理解这个按钮。Disclamer:As of May 2021 theRaisedButtonclass in flutter is deprecated.ElevatedButtonclass should b...

  使用Flutter 的简单计算器应用程序

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

Flutter SDK 是一个开源软件开发工具包,用于构建原生编译的漂亮 UI。在本文中,我们将构建一个简单的计算器应用程序,它可以根据用户输入执行基本的算术运算,如加法、减法、乘法或除法。制作此应用程序将使您对flutter和dart基础知识有一个很好的修订。涵盖的概念是:在屏幕上显示小部件。Gridview.builder函数编写如果和其他在dart按照以下步骤来实现简单的计算器。让我们开始吧...

  Flutter – BorderDirectional 小部件

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

BorderDirectional是一个内置的widgetflutterSDK。这个小部件有点类似于Border小部件,主要区别在于包含start和end属性,它允许用户根据从右到左(rtl)或从左到右(ltr)的文本方向修改边框.如果我们的开始和结束边界边相同,则应使用Border小部件,因为它将提供更好的性能优化。BorderDirectional 类的构造函数:BorderDirection...

  Flutter和 Kotlin 的区别

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

以前,对于跨平台开发, Flutter和 React Native 是首选的编程解决方案,并且这些语言被开发人员高度使用。但是今天 Kotlin 也变得非常流行并且它已经成功地进入了竞争。于是,争论开始了,谁将统治市场,谁对应用程序开发的要求更高。让我们深入了解它们之间的区别,然后我们可以考虑我们应该更喜欢哪个。FlutterFlutter是一个开源软件开发工具包,可用于构建由 Google 开发...

  Flutter – 有条件地输出小部件

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

Flutter是 Google 的 UI 工具包,用于从单个代码库为移动、Web 和桌面构建漂亮的、本地编译的应用程序。 Flutter提供了多种方式来有条件地显示 Widget,在本文中,我们将实现所有方法。方法 1:使用If 条件如果条件为真,这是 flutter 显示小部件的方式。语法:DartDartDartDart输出:https://media.geeksforgeeks.org/wp...

  Flutter – 自定义小部件

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

当我们希望应用程序具有自定义外观和感觉时,我们会创建自定义小部件,并且我们知道特定小部件会重复。我们可以在一个新的dart文件中创建自定义小部件,其中包含所有代码并在构造函数中定义我们需要的参数。有关如何拆分小部件的更多信息,您可以访问Flutter上的文章 – 将应用拆分为小部件在这里,我们将讨论如何通过将自定义属性应用于小部件并使它们与自己的属性分开来构建简单应用程序的示例。我们将制作一个 B...

  Flutter – 在 macOS 上安装

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

在本文中,我们将看一看 macOS 的Flutter安装。在本文中,我们将看到它与flutter一起使用的系统要求是什么,如何设置环境变量,如何安装flutter SDK 和Dart SDK。我们将了解如何使用flutter doctor、如何安装 Xcode 和 Android Studio、如何接受 Android 许可证、移动到所需的flutter频道并最终创建我们的第一个flutter项目...

  Flutter – 使用 GetX 库创建 Snackbar

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

有时,在我们的应用程序中发生特定操作时显示消息非常有用。让我们假设,我们有一个项目列表,我们想从列表中删除任何项目,然后在删除这些项目后,应该显示一些消息来通知用户该项目已被删除。如果我们想撤消操作,那么我们可以简单地执行并显示带有一些消息的小吃栏。通常,当我们创建小吃栏时,它会使用上下文来创建小吃栏,而且语法也不是那么容易。为了克服这个问题,我们可以使用 GetX 用简单的代码创建 Snackb...

  Flutter – 更改应用程序图标

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

FlutterSDK 是一个开源软件开发工具包,用于构建原生编译的漂亮 UI。当我们创建一个Flutter项目时,它带有默认的Flutter图标。为了在 Google Play Store、Apple App Store 等商店中发布应用程序,可以更改默认图标。在本文中,我们将研究实现相同目标的几种可能方法。有两种方法可以更改应用程序图标:通过上传所有所需大小的图标,手动更改 Android 和 ...

  Flutter – UI 方向

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

所有应用程序都应该能够根据手机的方向调整其用户界面 (UI)。通过方向,我们暗示智能手机中的纵向和横向模式而不是物理方向。在Flutter,它是通过使用OrientationBuilder来完成的,它确定了应用程序的当前方向。我们将通过构建一个简单的应用程序并更改其方向并显示 UI 更改来研究相同的内容。按照以下步骤构建可根据手机方向更改 UI 的应用程序:创建一个 3 列的 GridView使用...

  Flutter – 掷骰子应用程序

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

在这里,我们将构建一个简单的骰子应用程序,点击即可滚动。为此,我们将添加一个按钮,当我们点击它时,骰子应该滚动。我们可以通过将Image Widget包装在FlatButton Widget 中并在设置为FlatButton 的 onPressed属性的回调函数随机更改骰子图像来实现这一点。我们将使用 Stateful Widgets 创建这个应用程序。有状态小部件是在运行时更改其属性的小部件。它...

  Flutter – 刮刮卡查看应用

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

刮刮卡是您可以在各种购物应用程序和支付应用程序上看到的流行事物之一。这些刮刮卡用于向用户提供奖励和现金返还。它可以有广泛的用例,但主要用于为应用程序的用户生成随机奖励。在本文中,我们将看到如何在Flutter实现 Scratch Card。刮刮卡小部件的构造函数:Scratcher 库用于开发预先设计的 Scratcher 小部件。 Scratcher 类具有以下属性:Scratcher的属性ch...

  Flutter——WebSockets

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

WebSockets用于与服务器连接,就像http包一样。它支持与服务器的双向通信,无需轮询。在本文中,我们将探讨以下与Flutter的WebSockets 相关的主题:连接到 WebSocket 服务器收听来自服务器的消息。向服务器发送数据。关闭 WebSocket 连接。在本文中作为示例,我们将连接到 websocket.org 提供的测试服务器。连接到 WebSocket 服务器:web_s...