paint-brush
FLET 简介:使用 Python 构建 Flutter 应用程序经过@valentineenedah
37,678 讀數
37,678 讀數

FLET 简介:使用 Python 构建 Flutter 应用程序

经过 Valentine Enedah4m2022/11/08
Read on Terminal Reader
Read this story w/o Javascript

太長; 讀書

FLET 使开发人员能够使用 Python 轻松构建实时 Web、移动和桌面应用程序。 疯狂的是不需要前端体验,虽然移动版还在开发中,但我们仍然可以依赖 Progressive Web App。

Companies Mentioned

Mention Thumbnail
Mention Thumbnail
featured image - FLET 简介:使用 Python 构建 Flutter 应用程序
Valentine Enedah HackerNoon profile picture

你知道你可以用 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