你知道你可以用 Python 构建 Flutter 应用吗？😮

Flutter 在软件开发领域非常流行。

让我们深入了解使用 Python 构建 Flutter 应用程序的世界！🙂

关于弗莱特

在我们开始之前，什么是FLET？

FLET 使开发人员能够使用 Python 轻松构建实时Web、移动和桌面应用程序。

疯狂的是不需要前端体验，虽然移动版还在开发中，但我们仍然可以依赖 Progressive Web App。

FLET 令人惊叹的功能

1. 它由颤振提供动力。
2. 您可以在几分钟内将应用程序变为现实。
3. 它有一个简单的架构。
4. 除 Python 外，还将支持其他语言，如 Go、C# 等。

太棒了，对吧？？🙂🔥

如何安装 FLET

要安装 FLET，请使用以下命令：

pip install flet

请记住：这适用于使用低于版本 3 的 Python 版本的人。

否则，

pip3 install flet

将您的点子升级到最新版本。

pip install -- upgrade pip

简要介绍 Flutter 🏊‍♀️

由Google创建的 UI 工具包Flutter让程序员可以创建具有一流用户界面的应用程序。与 Java 本身相比，Flutter 采用了 Dart 编程，这是一种更易于学习的面向对象的语言。

对于新的 Flutter 版本（3.4.0-34.1.pre），我们可以使用单一代码库为移动（Android/IOS）、MacOS、Web、Linux 和桌面构建应用程序。

注意：当使用多个操作系统时，我们显然需要进行一定的调整。

使用 FLET 构建一个非常简单的应用程序

让我们用FLET 构建一个简单的应用程序。

例如，一个计数器应用程序具有

1. 一个文本字段
2. 增量和减量两个按钮

代码片段

首先，我们需要导入FLET和计数器 App 必不可少的其他功能（例如小部件）。

 import fletfrom flet import Row, icons, IconButton, TextField, Page;

我们定义了 main 函数，它是我们应用程序的根，还设置了一个标题。

让我们安排小部件，因为应用程序的基础部分已经准备好。

要添加一个小部件，我们使用page.add(widget…..)。

 def main(page: Page): page.title = "Counter App" page.vertical_alignment = "center"

对于应用程序的行，我们会考虑...

文本字段和按钮

page.add(Row([ IconButton(icons.REMOVE), TextField(text_align="center",value="0", width=100) IconButton(icons.ADD) ], alignment="center") )

现在，我们定义了两个处理新闻事件的函数。

 //Decrement def minus(e) : tf.value = int(tf.value) -1 page.update()//Increment def plus(e) : tf.value = int(tf.value) + 1 page.update()

'tf'指的是我们放置在行中的文本字段。接下来，我们习惯于将文本字段值包装在变量本身中。

这是整体代码片段：

 import flet from flet import Row, icons, IconButton, TextField, Page; def main(page: Page): page.title = "Counter App" page.vertical_alignment = "center" tf =TextField(text_align="center",value="0", width=100) #Functions def minus(e): tf.value = int(tf.value) -1 page.update() def plus(e): tf.value = int(tf.value) + 1 page.update() #Widgets page.add( Row([ IconButton(icons.REMOVE, on_click=minus), tf, IconButton(icons.ADD, on_click=plus) ], alignment="center") ) flet.app(target=main,view=flet.WEB_BROWSER)

最后一部分是运行应用程序。

flet.app(target=main)

我们添加这个直接针对“main”的命令

要运行该应用程序，请键入此命令

python filename.py

请注意，您必须与文件位于同一目录中。

用户界面：

正如我在简要了解 Flutter部分中所述，它也可以在您的 Web 浏览器上使用。

为此需要进行小幅调整；只需添加

flet.app(target=main,view=flet.WEB_BROWSER)

这是最终结果

您可以在此处了解有关 FLET 的更多信息：

https://flet.dev/docs/roadmap