不懂前端也能写 App?Flet (Flutter for Python) 开发跨平台应用实战 (Android/iOS/Web)

不懂前端也能写 App?Flet (Flutter for Python) 开发跨平台应用实战 (Android/iOS/Web)

标签: #Python #Flet #Flutter #跨平台开发 #GUI #移动端开发


🚀 前言:为什么是 Flet?

如果你是 Python 党,你一定会有这样的痛点:
脚本写得很溜,但老板非要个“可视化界面”;或者你想把数据分析结果做成一个手机 App 给客户看。
传统的 Python GUI 库(Tkinter, Qt)在移动端几乎是废的。

Flet 的核心逻辑是:

你负责写 Python(处理数据、逻辑),Flet 负责在后台调用 Flutter 引擎画出漂亮的界面。你不需要懂 CSS 布局,也不需要配置复杂的安卓环境(开发阶段)。


🏗️ 一、 架构原理:Python 怎么指挥 Flutter?

Flet 采用的是 Server-Driven UI (服务端驱动 UI) 模式。
你的 Python 代码其实是一个“服务端”,而显示界面的窗口其实是一个“Flutter 客户端”。

工作流示意图 (Mermaid):

UI 端 (Flutter 引擎)

Python 端 (你的代码)

page.add(Text)

WebSocket / HTTP

用户点击事件

更新指令

业务逻辑

Flet Server

Flet Client (App/Web)

这种架构的好处是:极快。Python 修改属性,界面毫秒级刷新,开发体验极佳。


💻 二、 极速上手:写一个计数器 App

安装 Flet:

pip install flet 

新建 main.py。你会发现,它的写法非常像 React,但是是 Python 版本的。

import flet as ft defmain(page: ft.Page):# 1. 设置页面基础属性 page.title ="Flet 计数器" page.vertical_alignment = ft.MainAxisAlignment.CENTER page.theme_mode = ft.ThemeMode.LIGHT # 支持深色/浅色模式切换# 2. 定义状态变量 txt_number = ft.TextField(value="0", text_align=ft.TextAlign.RIGHT, width=100)# 3. 定义交互逻辑defminus_click(e): txt_number.value =str(int(txt_number.value)-1) page.update()# 类似 React 的 setState,通知界面刷新defplus_click(e): txt_number.value =str(int(txt_number.value)+1) page.update()# 4. 组装 UI (搭积木) page.add( ft.Row([ ft.IconButton(ft.icons.REMOVE, on_click=minus_click), txt_number, ft.IconButton(ft.icons.ADD, on_click=plus_click),], alignment=ft.MainAxisAlignment.CENTER,))# 运行应用 (默认以桌面应用方式打开) ft.app(target=main)

运行效果:
你会看到一个原生的 Windows/Mac 窗口,界面是标准的 Material Design 风格,丝滑流畅。


📱 三、 进阶:如何变成手机 App?

Flet 不仅仅是跑在电脑上的。
要在手机上预览,只需要改一行代码:

# view=ft.AppView.WEB_BROWSER 会在浏览器打开# 局域网预览模式: ft.app(target=main, port=8550, view=ft.AppView.WEB_BROWSER)

真机调试步骤:

  1. 确保手机和电脑在同一 WiFi 下。
  2. 电脑运行代码。
  3. 手机浏览器访问 http://电脑IP:8550
  4. 神奇的事情发生了:你的 Python 代码变成了一个 PWA 网页应用,操作手感和原生 App 几乎没区别!
打包 APK (硬核环节)

如果你真的想把这个生成 .apk 文件安装到手机上,Flet 提供了 flet build 命令(基于 Flutter SDK)。

  1. 安装 Flutter SDK 和 Android SDK(这是唯一复杂的环境配置)。
  2. 运行打包命令:
flet build apk 
  1. 喝杯咖啡,Python 代码就被编译成了可以在安卓手机安装的安装包。

📊 四、 适用场景与避坑

Flet 虽然好用,但不是万能的。

维度适合用 Flet不适合用 Flet
应用类型内部工具、管理后台、数据看板、简单的 CRUD 应用3D 游戏、极其复杂的自定义动效、高性能音视频编辑
开发效率⭐⭐⭐⭐⭐ (极快)⭐⭐
包体积较大 (包含 Python解释器+Flutter引擎)小 (原生开发)
生态Python 生态 (Pandas, Requests 随便用)需要深度调用手机底层硬件 (蓝牙/NFC 支持尚不完善)

🎯 总结

Flet 是 Python 工程师拓展边界的利器。
它不需要你精通前端,只要你会写 Python 函数,就能构建出颜值得体的跨平台应用。

对于 企业内部工具个人副业项目 来说,Flet 是目前性价比最高的技术选型之一。

Next Step:
把上面的计数器代码复制下来,尝试加一个 ft.Dropdown 下拉框,做一个简单的“汇率转换器”。当你第一次在手机上点开自己写的 App 时,你会爱上这种感觉的。

Read more

猛裁1.6万人后,网站再崩6小时、一周4次重大事故!官方“紧急复盘”:跟裁员无关,也不是AI写代码的锅

猛裁1.6万人后,网站再崩6小时、一周4次重大事故!官方“紧急复盘”:跟裁员无关,也不是AI写代码的锅

整理 | 郑丽媛 出品 | ZEEKLOG(ID:ZEEKLOGnews) 过去几年里,科技公司几乎都在同一件事上加速:让 AI 参与写代码。 从自动补全、自动生成函数,到直接修改系统配置,生成式 AI 已经逐渐走进真实生产环境。但最近发生在亚马逊的一连串事故,却给整个行业泼了一盆冷水——当 AI 开始真正参与生产环境开发时,事情可能远比想象复杂。 最近,多家媒体披露,本周二亚马逊内部紧急召开了一场工程“深度复盘(deep dive)”会议,专门讨论最近频繁出现的系统故障——其中,一个被反复提及的关键词是:AI 辅助代码。 一周 4 次严重事故,亚马逊内部紧急复盘 事情的起点,是最近一段时间亚马逊系统稳定性明显下降。 负责亚马逊网站技术架构的高级副总裁 Dave Treadwell 在一封内部邮件中坦言:“各位,正如大家可能已经知道的,最近网站及相关基础设施的可用性确实不太理想。” 为此,公司决定把原本每周例行举行的技术会议

By Ne0inhk
这回真的“装”到了!来OpenClaw全国纵深行,你只需要带一台电脑……

这回真的“装”到了!来OpenClaw全国纵深行,你只需要带一台电脑……

AI Agent 的风,已经从 GitHub 吹到了线下。 过去几个月,越来越多开发者开始讨论一个问题: 当 AI 不再只是聊天,而是可以执行任务,软件会变成什么样? 在这股浪潮中,一个开源项目迅速进入开发者视野——OpenClaw,在 GitHub 上获得大量关注,相关教程、实践案例不断出现。有人用它自动整理资料,有人用它管理开发流程,还有人尝试让它执行复杂的工作流。 很多开发者第一次意识到: AI 不只是工具,它可能成为“执行者”。 不过,在技术社区之外,大多数人对 Agent 的理解仍停留在概念层面。 * AI Agent 到底是什么? * 如何在自己的电脑上运行? * 普通开发者能否真正用起来? 带着这些问题,一场围绕 OpenClaw 的开发者城市行动正在展开。 ZEEKLOG 发起的OpenClaw 全国纵深行将走进 20 个城市,用最直接的方式回答一个问题——如果

By Ne0inhk
字节辟谣「武汉全员被裁」:超2000人base武汉;315曝光给AI大模型“投毒”已成产业链;腾讯正式成为OpenClaw赞助商 | 极客头条

字节辟谣「武汉全员被裁」:超2000人base武汉;315曝光给AI大模型“投毒”已成产业链;腾讯正式成为OpenClaw赞助商 | 极客头条

「极客头条」—— 技术人员的新闻圈! ZEEKLOG 的读者朋友们好,「极客头条」来啦,快来看今天都有哪些值得我们技术人关注的重要新闻吧。(投稿或寻求报道:[email protected]) 整理 | 苏宓 出品 | ZEEKLOG(ID:ZEEKLOGnews) 一分钟速览新闻点! * 腾讯正式成为 OpenClaw 赞助商 * 字节辟谣「武汉全员被裁」:超 2000 人 base 武汉,将加大对湖北投入 * 2026 北京亦庄人形机器人半马完成首场练习测试 * 美团 CEO 王兴:我们都应该努力“减少登味”,内部不要再叫我“兴哥” * 向 AI 投毒已成产业链!315 晚会曝光 GEO 技术:虚构产品都能成 AI 标准答案 * 雷军官宣:新一代小米

By Ne0inhk
只因一个高级词,作文被判“18% AI生成”!AI检测「荒诞现状」:写得太好=AI作弊,学生被逼“降智”写作

只因一个高级词,作文被判“18% AI生成”!AI检测「荒诞现状」:写得太好=AI作弊,学生被逼“降智”写作

【ZEEKLOG 编者按】当生成式 AI 迅速进入校园,许多学校的第一反应是部署各种“AI 检测工具”,试图用技术手段识别学生是否在作业中使用了 AI。然而,这种看似合理的做法,正在产生一些出乎意料的副作用:学生因为用词稍微“高级”一点就被判定为“AI生成”,优秀写作反而变成一种风险;为了避免被误判,一些原本不使用 AI 的学生开始主动学习和使用 AI 工具,只为“自证清白”。 原文链接:https://www.techdirt.com/2026/03/06/were-training-students-to-write-worse-to-prove-theyre-not-robots-and-its-pushing-them-to-use-more-ai/ 作者 | Mike Masnick      编译 | 郑丽媛 出品 | ZEEKLOG(ID:ZEEKLOGnews)  大约一年半前,我写过一件发生在我孩子身上的事。 当时学校给每个学生发了一台 Chromebook,上面预装了一款 AI

By Ne0inhk