Flet 基于 Flutter 引擎的 Python 跨平台 UI 框架，支持 Web、桌面和移动端应用开发。通过 WebSocket 通信，开发者仅使用 Python 即可构建现代界面，无需 HTML/CSS/JS 知识。文章涵盖安装配置、核心组件（Page、Text、Button 等）、状态管理、路由系统、文件上传及部署方式。对比 Tkinter、Streamlit 等工具，Flet 具备热更新与 Material Design 风格优势。适合后端或数据科学家快速实现可视化应用，支持 Docker 打包及云部署。
在过去的很长一段时间里，构建用户界面（UI）往往是 Python 开发者的'短板'。虽然我们有 Tkinter、PyQt、wxPython 等 GUI 工具，但它们或过于陈旧、或依赖庞大的桌面框架，难以适应现代前端的体验。而 Web 前端则需要掌握 HTML/CSS/JavaScript，学习成本高、调试复杂。
于是，Flet 出现了。
Flet 是一个使用 Python 构建现代 Web、桌面和移动应用的框架，它的目标是让开发者只使用 Python 就可以完成跨平台 UI 应用的开发。
简而言之：像写命令行脚本一样用 Python 写 Web 前端界面，跨平台自动适配。
Flet 是基于 Flutter 的桥接层，将 Flutter 的 UI 渲染能力通过 WebSocket 绑定给 Python，使得 Python 可以驱动 Flutter 引擎生成的 UI，非常轻巧且现代化。
使用 pip 安装非常方便：
pip install flet
安装后可运行：
python app.py
import flet as ft
def main(page: ft.Page):
page.title = "Hello, Flet!"
page.add(ft.Text("Welcome to Flet!"))
ft.app(target=main)
保存为 app.py，运行后会自动打开浏览器或桌面窗口，并显示文字。
Flet 并不是直接用 Python 渲染前端，而是通过以下方式构建：
Flet 相当于为 Flutter 写了一个 Python 控制接口，开发者无需了解 Dart，也能写出现代交互体验。
Flet 提供了与 Flutter 相似的一套组件体系，以下是常用的 UI 控件和布局组件：
Page 是每个 Flet 应用的根组件：
page.title = "My App"
page.bgcolor = ft.colors.WHITE
page.padding = 10
支持属性绑定、导航栏控制、窗口尺寸等。
ft.Text("Hello", size=24, weight=ft.FontWeight.BOLD)
ft.ElevatedButton(text="Click Me", on_click=handle_click)
事件触发的回调函数接收 ControlEvent 类型：
def handle_click(e):
print("Clicked!")
name = ft.TextField(label="Your name")
读取输入值：
print(name.value)
ft.Row([ ft.Text("Left"), ft.Text("Right")])
ft.Column([ ft.Text("Top"), ft.Text("Bottom")])
支持嵌套、对齐、间距等属性控制。
ft.Card(
content=ft.Container(
content=ft.Text("This is a card"),
padding=10,
bgcolor=ft.colors.BLUE_50
)
)
ft.Image(src="https://example.com/photo.jpg", width=200)
ft.ListView([ ft.Text(f"Item {i}") for i in range(100)], expand=True)
Flet 的组件支持动态更新和状态绑定。
def main(page: ft.Page):
counter = ft.Text("0")
def increment(e):
counter.value = str(int(counter.value) + 1)
page.update()
page.add(counter, ft.ElevatedButton("Add", on_click=increment))
关键点：
page.update() 告知 Flet 同步 UI；Flet 支持多页面跳转、导航栏操作：
def main(page: ft.Page):
def route_change(route):
page.views.clear()
if page.route == "/":
page.views.append(ft.View("/", [ft.Text("Home"), nav_btn]))
elif page.route == "/about":
page.views.append(ft.View("/about", [ft.Text("About page")]))
page.update()
nav_btn = ft.TextButton("About", on_click=lambda e: page.go("/about"))
page.on_route_change = route_change
page.go(page.route)
ft.FilePicker(on_result=lambda e: print(e.files))
ft.Iframe(src="https://charts.example.com/plot", width=600, height=400)
dlg = ft.AlertDialog(title=ft.Text("Warning"))
page.dialog = dlg
dlg.open = True
page.update()
支持控件 animate 属性：
ft.Container(content=..., animate_opacity=300, opacity=0.5)
Flet 支持几种部署形式：
flet pack app.py
生成 .exe 或 .app。
flet run app.py --web
然后部署到任何支持 Python Web 的平台（例如 Render、Fly.io、Heroku）。
FROM python:3.10
RUN pip install flet
COPY app.py .
CMD ["python", "app.py"]
import flet as ft
def main(page: ft.Page):
tasks = ft.Column()
def add_task(e):
if not task_input.value.strip():
return
tasks.controls.append(ft.Checkbox(label=task_input.value))
task_input.value = ""
page.update()
task_input = ft.TextField(label="New Task", on_submit=add_task)
page.add(task_input, ft.ElevatedButton("Add", on_click=add_task), tasks)
ft.app(target=main)
运行后即可获得一个交互式的待办事项列表。
| 框架 | 语言 | 移动支持 | 桌面支持 | Web 支持 | 热更新 | 学习曲线 | 组件体系 |
|---|---|---|---|---|---|---|---|
| Flet | Python | ✅ WebView | ✅ Electron | ✅ 浏览器 | ✅ | 极低 | Flutter-style |
| Tkinter | Python | ❌ | ✅ | ❌ | ❌ | 中 | 基础 |
| Streamlit | Python | ✅（Web） | ✅（Web） | ✅ Web | ✅ | 极低 | 简洁但局限 |
| PyWebIO | Python | ✅（Web） | ❌ | ✅ Web | ✅ | 中 | 表单驱动 |
| Flutter | Dart | ✅ | ✅ | ✅ | ✅ | 高 | 极其丰富 |
Flet 在保持 Python 简洁的同时，提供了 Flutter 的现代界面体验，非常适合全栈或后端开发者快速实现可视化应用。
是的，Flet 的每个用户连接有独立的 Page 实例。
可以，将 Flet 作为子模块运行在子线程中，主服务仍是 Flask/FastAPI。
Flet 封装的是 Flutter 样式，通过控件属性控制布局、颜色、字体，不支持传统 CSS。
Flet 的未来正在蓬勃发展：
对于 Python 开发者来说，Flet 正逐渐成为一套值得投资的 UI 技术栈。
在过去，Python 程序员想做一个精致的前端界面常常望而却步。而今天，Flet 给我们打开了新世界的大门——一个既现代、又简洁的跨平台 UI 编程方式。
从脚本到 App，Flet 帮你用熟悉的语法打造专业的界面。
如果你是：
Flet 都是你不可错过的选择。
微信公众号「极客日志」，在微信中扫描左侧二维码关注。展示文案：极客日志 zeeklog
解析常见 curl 参数并生成 fetch、axios、PHP curl 或 Python requests 示例代码。 在线工具，curl 转代码在线工具，online
将字符串编码和解码为其 Base64 格式表示形式即可。 在线工具，Base64 字符串编码/解码在线工具，online
将字符串、文件或图像转换为其 Base64 表示形式。 在线工具，Base64 文件转换器在线工具，online
将 Markdown（GFM）转为 HTML 片段，浏览器内 marked 解析；与 HTML转Markdown 互为补充。 在线工具，Markdown转HTML在线工具，online
将 HTML 片段转为 GitHub Flavored Markdown，支持标题、列表、链接、代码块与表格等；浏览器内处理，可链接预填。 在线工具，HTML转Markdown在线工具，online
通过删除不必要的空白来缩小和压缩JSON。 在线工具，JSON 压缩在线工具，online