Flet Python 跨平台应用开发框架技术分析

博主： admin
发布时间：2026 年 01 月 15 日
61 次浏览
暂无评论
9890字数
分类： python 编程 Flutter 跨平台应用开发前端框架

# Flet Python 跨平台应用开发框架技术分析

# 一、概述

## 1. 简介
### A. 是什么
Flet 是一个允许开发者使用 Python 构建网页、桌面和移动应用程序的框架，无需具备前端开发经验。它基于 Google Flutter 构建，将 Flutter 的声明式小部件模型封装为更简单的命令式控件。

### B. 为什么值得关注
- 降低跨平台应用开发门槛：无需学习 JavaScript、React 或 Flutter
- 单一代码库：同一套 Python 代码可部署为 Web、桌面和移动应用
- 快速原型开发：从想法到应用只需数分钟
- 实时多用户支持：内置有状态应用架构，支持实时协作

### C. 适用场景
- 内部工具和团队仪表板
- 数据录入表单和 kiosk 应用
- 高保真原型验证
- 周末项目和 MVP 开发

## 2. 前置知识
### A. 必备技能
- Python 基础语法
- 面向对象编程概念

### B. 推荐知识
- 异步编程基础
- 基本的用户界面设计概念

# 二、技术架构

## 1. 核心组件
Flet 由以下核心组件构成：

- **Flet 框架**：提供 Python API 和控件库
- **Flet Desktop**：原生桌面客户端（Windows、macOS、Linux）
- **Flet Mobile**：移动应用（iOS 和 Android）
- **Flet Server**：内置 Web 服务器，支持应用托管

## 2. 工作原理

```mermaid
graph TB
    subgraph 开发层
        A[Python 代码] --> B[Flet API]
    end

subgraph 运行时
        B --> C[Flet Desktop]
        B --> D[Flet Web Server]
        B --> E[Flet Mobile]
    end

subgraph 渲染层
        C --> F[Flutter Engine]
        D --> F
        E --> F
    end

subgraph 平台层
        F --> G[Windows]
        F --> H[macOS]
        F --> I[Linux]
        F --> J[Browser]
        F --> K[iOS]
        F --> L[Android]
    end
```

![Flet 架构图](https://static.op123.ren/static/d4/d45d1dcc2d73f3ed.svg)

**工作流程**：
1. 开发者使用 Python 编写应用逻辑
2. Flet API 将代码转换为 Flutter 小部件树
3. Flutter Engine 渲染 UI 到目标平台
4. 用户交互通过事件回调传递到 Python 层

## 3. 与 Flutter 的关系

Flet 不是简单的 Flutter 包装，而是进行了深度优化：

| 特性 | Flutter | Flet |
|------|---------|------|
| 编程语言 | Dart | Python |
| 编程模型 | 声明式 | 命令式 |
| 小部件粒度 | 原子化小部件 | 组合控件 |
| 学习曲线 | 陡峭 | 平缓 |
| 适用场景 | 专业 UI 开发 | 快速应用开发 |

**Flet 的改进**：
- 将多个 Flutter 小部件组合为高级控件（如 TextField、Button）
- 实施最佳实践和合理默认值
- 简化状态管理和事件处理

# 三、核心功能

## 1. 控件系统
Flet 提供丰富的 UI 控件，涵盖常见应用需求：

### A. 基础控件
- **TextField**：文本输入框
- **Button**：按钮
- **Checkbox**：复选框
- **Dropdown**：下拉选择器
- **Slider**：滑动条

### B. 布局控件
- **Row**：水平布局容器
- **Column**：垂直布局容器
- **Container**：通用容器
- **Stack**：堆叠布局
- **GridView**：网格布局

### C. 导航控件
- **Tabs**：选项卡
- **NavigationBar**：导航栏
- **Drawer**：抽屉菜单

### D. 数据展示
- **DataTable**：数据表格
- **ListView**：列表视图
- **Chart**：图表控件

## 2. 状态管理
Flet 采用有状态应用模型：

```python
def main(page: ft.Page):
    # 页面状态
    page.title = "My App"
    page.theme_mode = ft.ThemeMode.LIGHT

# 控件状态
    txt = ft.TextField(value="Hello")

# 事件处理
    def on_change(e):
        txt.value = e.control.value
        page.update()  # 更新 UI

# 添加控件到页面
    page.add(txt)
```

**状态更新机制**：
1. 用户交互触发事件
2. 事件处理函数修改控件属性
3. 调用 page.update() 同步 UI
4. Flutter Engine 重新渲染受影响的控件

## 3. 事件处理
Flet 支持多种事件类型：

```mermaid
graph LR
    A[用户操作] --> B{事件类型}
    B --> C[点击事件]
    B --> D[值变更]
    B --> E[页面导航]
    B --> F[生命周期]

C --> G[on_click]
    D --> H[on_change]
    E --> I[on_route_change]
    F --> J[on_view_pop]
```

![事件处理流程](https://static.op123.ren/static/cc/cc15de04196072a3.svg)

**事件类型**：
- **on_click**：点击事件
- **on_change**：值变更事件
- **on_focus**：焦点事件
- **on_route_change**：路由变更事件

## 4. 实时功能
Flet 内置实时通信支持：

- **实时状态同步**：多用户间的状态自动同步
- **实时 UI 更新**：服务器端更新可推送到所有连接的客户端
- **事件广播**：服务器可向所有客户端广播消息

```python
# 实时协作示例
def main(page: ft.Page):
    page.title = "实时协作板"

text_field = ft.TextField(
        label="共享消息",
        on_change=lambda e: broadcast_message(e.control.value)
    )

page.add(text_field)
```

# 四、部署方式

## 1. Web 应用
将 Flet 应用部署为 Web 应用：

```bash
# 以 Web 模式运行
flet run --web app.py

# 指定端口
flet run --web --port 8080 app.py
```

**部署选项**：
- **Flet Cloud**：官方托管服务
- **自托管**：使用内置 Web 服务器
- **Docker 容器**：容器化部署

## 2. 桌面应用
打包为独立桌面应用：

```bash
# 运行为桌面应用
flet run app.py

# 打包为可执行文件
flet pack app.py --build-exe
```

**支持的桌面平台**：
- Windows：生成 .exe 文件
- macOS：生成 .app 文件
- Linux：生成二进制可执行文件

## 3. 移动应用
部署到移动设备的方式：

| 方式 | 描述 | 优势 | 限制 |
|------|------|------|------|
| PWA | 渐进式 Web 应用 | 无需应用商店审核 | 功能受限 |
| Flet App | 官方移动应用 | 快速部署 | 需要安装 Flet |
| 原生打包 | 打包为原生应用 | 完整功能 | 需要额外配置 |

# 五、应用场景分析

## 1. 内部工具开发
**场景**：企业内部管理系统、数据录入表单

**优势**：
- 快速开发和迭代
- 跨平台部署
- 无需前端团队

**示例代码**：
```python
import flet as ft

def main(page: ft.Page):
    page.title = "员工信息录入"
    page.window_width = 600
    page.window_height = 800

name = ft.TextField(label="姓名")
    department = ft.Dropdown(
        label="部门",
        options=[
            ft.dropdown.Option("技术部"),
            ft.dropdown.Option("销售部"),
            ft.dropdown.Option("人事部"),
        ]
    )

def submit(e):
        print(f"姓名: {name.value}, 部门: {department.value}")

page.add(
        name,
        department,
        ft.ElevatedButton("提交", on_click=submit)
    )

ft.app(target=main)
```

## 2. 数据可视化仪表板
**场景**：实时数据监控、业务指标展示

**优势**：
- 丰富的图表控件
- 实时数据更新
- 响应式布局

## 3. 原型验证
**场景**：产品概念验证、用户测试

**优势**：
- 快速从想法到原型
- 高保真 UI
- 多平台展示

# 六、技术特性分析

## 1. 性能特点

```mermaid
graph TB
    A[Flet 应用性能] --> B[启动速度]
    A --> C[运行时性能]
    A --> D[内存占用]

B --> E["桌面：< 2 秒"]
    B --> F["Web：取决于网络"]

C --> G["Flutter Engine 原生性能"]
    C --> H["GPU 加速渲染"]

D --> I["比 Electron 小 50%"]
    D --> J["内存占用约 50-100 MB"]
```

![性能特点分析](https://static.op123.ren/static/44/44511bc2c0c49bab.svg)

**性能对比**：

| 指标 | Flet | Electron | Streamlit |
|------|------|----------|-----------|
| 启动速度 | 快 | 慢 | 中 |
| 内存占用 | 低 | 高 | 中 |
| 包大小 | 小 | 大 | N/A |
| 交互性 | 高 | 高 | 中 |

## 2. 语言支持
Flet 设计为语言无关的框架：

**当前支持**：
- Python（完整支持）

**路线图**：
- Go（开发中）
- C#（计划中）
- JavaScript（讨论中）

**多语言协作场景**：
```python
# Python 后端逻辑
def process_data(data):
    return complex_calculation(data)

# Go 前端调用（未来支持）
# result = flet.call_python("process_data", data)
```

## 3. 安全性考虑
Flet 应用的安全特点：

**通信安全**：
- Web 模式支持 HTTPS
- WebSocket 加密通信

**数据安全**：
- 客户端状态存储
- 服务器端会话管理

**部署安全**：
- 内置服务器支持认证
- 可集成 OAuth 等第三方认证

# 七、最佳实践

## 1. 应用结构
推荐的 Flet 应用项目结构：

```
my_flet_app/
├── main.py              # 应用入口
├── controls/            # 自定义控件
│   ├── header.py
│   └── sidebar.py
├── views/               # 页面视图
│   ├── home.py
│   └── settings.py
├── models/              # 数据模型
│   └── user.py
├── services/            # 业务逻辑
│   └── auth.py
└── assets/              # 静态资源
    ├── images/
    └── fonts/
```

## 2. 性能优化
优化建议：

```python
# 1. 使用批量更新
def update_multiple_controls(page):
    # 避免多次调用 page.update()
    control1.value = "新值 1"
    control2.value = "新值 2"
    control3.visible = False
    page.update()  # 一次性更新所有变更

# 2. 延迟加载
class LazyView:
    def __init__(self):
        self.loaded = False

def load(self):
        if not self.loaded:
            self.loaded = True
            # 加载资源
```

## 3. 状态管理最佳实践
```python
class AppState:
    def __init__(self, page):
        self.page = page
        self.data = {}

def set(self, key, value):
        self.data[key] = value
        self.page.update()

def get(self, key, default=None):
        return self.data.get(key, default)
```

# 八、生态系统

## 1. 开发工具
- **Flet CLI**：命令行工具，支持运行、打包、发布
- **Flet Pad**：在线编辑器和预览
- **VS Code 插件**：代码补全和调试支持

## 2. 社区资源
- **官方文档**：https://flet.dev/docs/
- **GitHub 仓库**：https://github.com/flet-dev/flet
- **Discord 社区**：实时讨论和支持
- **示例画廊**：大量示例应用

## 3. 商业支持
Flet 由 Appveyor Systems Inc. 开发和维护，提供：
- 企业级支持服务
- 定制开发服务
- 培训和咨询

# 九、对比分析

## 1. 与 Streamlit 对比

| 特性 | Flet | Streamlit |
|------|------|-----------|
| 编程模型 | 命令式 | 脚本式 |
| UI 粒度 | 细粒度控件 | 高级组件 |
| 交互性 | 高 | 中 |
| 部署方式 | 多平台 | 主要 Web |
| 离线支持 | 支持 | 不支持 |
| 学习曲线 | 平缓 | 最平缓 |

**选择建议**：
- **选择 Flet**：需要更好的 UI 控制、桌面应用、移动支持
- **选择 Streamlit**：快速数据科学原型、主要面向 Web

## 2. 与 Dash 对比

| 特性 | Flet | Dash |
|------|------|------|
| 技术栈 | Python + Flutter | Python + React |
| 性能 | 更高（原生渲染） | 中等（Web 技术） |
| 部署 | 多平台 | 主要 Web |
| 组件库 | 丰富 | 丰富（第三方） |
| 学习曲线 | 平缓 | 较陡 |

## 3. 与 PyQt/PySide 对比

| 特性 | Flet | PyQt/PySide |
|------|------|-------------|
| 技术栈 | Python + Flutter | Python + Qt |
| 跨平台 | 包括移动 | 主要桌面 |
| UI 风格 | Material Design | 原生风格 |
| 许可证 |宽松 | GPL（商业需付费） |
| 学习曲线 | 平缓 | 陡峭 |

# 十、发展趋势

## 1. 技术演进
Flet 的发展方向：

```mermaid
graph TB
    A[当前状态] --> B[2025]
    B --> C[2026]

A --> A1[Python 完整支持]
    A --> A2[基础控件库]

B --> B1[Go 语言支持]
    B --> B2[更多控件]
    B --> B3[性能优化]

C --> C1[多语言生态]
    C --> C2[企业级功能]
    C --> C3[云原生部署]
```

![技术演进路线图](https://static.op123.ren/static/35/35d8acc82ff7a324.svg)

## 2. 行业影响
Flet 对行业的影响：

**对开发者**：
- 降低跨平台应用开发门槛
- Python 开发者进入应用开发领域
- 加速原型到产品的转化

**对企业**：
- 降低内部工具开发成本
- 快速验证产品想法
- 减少技术栈复杂度

## 3. 潜在挑战
Flet 面临的挑战：

- **生态成熟度**：相比 Electron 或 Qt，生态仍在发展
- **调试工具**：需要更强大的调试和性能分析工具
- **大型应用**：超大规模应用的架构模式仍在探索
- **移动性能**：移动端的性能优化仍有提升空间

# 十一、快速入门示例

## 1. 安装
```bash
pip install flet
```

## 2. Hello World
```python
import flet as ft

def main(page: ft.Page):
    page.title = "Hello Flet"
    page.add(ft.Text(value="Hello, World!"))

ft.app(target=main)
```

## 3. 交互式计数器
```python
import flet as ft

def main(page: ft.Page):
    page.title = "计数器"
    page.vertical_alignment = ft.MainAxisAlignment.CENTER

def minus_click(e):
        txt_number.value = str(int(txt_number.value) - 1)
        page.update()

def plus_click(e):
        txt_number.value = str(int(txt_number.value) + 1)
        page.update()

txt_number = ft.TextField(
        value="0",
        text_align=ft.TextAlign.RIGHT,
        width=100
    )

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)
```

# 十二、总结

Flet 是一个创新的 Python 跨平台应用开发框架，通过将 Flutter 的强大能力与 Python 的易用性结合，降低了跨平台应用开发的门槛。它的命令式编程模型、丰富的控件库和内置实时功能，使其特别适合快速原型开发、内部工具构建和多平台应用部署。

对于 Python 开发者而言，Flet 提供了一条进入应用开发领域的便捷路径。对于团队和企业，Flet 提供了一个高效、低成本的开发解决方案。随着多语言支持和生态系统的不断完善，Flet 有望在跨平台应用开发领域占据重要地位。

***

## 参考资料

1. [Flet Official Documentation](https://flet.dev/docs/)
2. [Flet GitHub Repository](https://github.com/flet-dev/flet)
3. [Flutter Documentation](https://flutter.dev/docs)

最后修改：2026 年 01 月 15 日

如果觉得我的文章对你有用，请随意赞赏

发表评论取消回复
使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款

评论 *

私密评论

名称 *

🎲

邮箱 *

地址

Flet Python 跨平台应用开发框架技术分析

admin • 2026 年 01 月 15 日

# Flet Python 跨平台应用开发框架技术分析

# 一、概述

### C. 适用场景
- 内部工具和团队仪表板
- 数据录入表单和 kiosk 应用
- 高保真原型验证
- 周末项目和 MVP 开发

## 2. 前置知识
### A. 必备技能
- Python 基础语法
- 面向对象编程概念

### B. 推荐知识
- 异步编程基础
- 基本的用户界面设计概念

# 二、技术架构

## 1. 核心组件
Flet 由以下核心组件构成：

## 2. 工作原理

```mermaid
graph TB
    subgraph 开发层
        A[Python 代码] --> B[Flet API]
    end

subgraph 运行时
        B --> C[Flet Desktop]
        B --> D[Flet Web Server]
        B --> E[Flet Mobile]
    end

subgraph 渲染层
        C --> F[Flutter Engine]
        D --> F
        E --> F
    end

subgraph 平台层
        F --> G[Windows]
        F --> H[macOS]
        F --> I[Linux]
        F --> J[Browser]
        F --> K[iOS]
        F --> L[Android]
    end
```

![Flet 架构图](https://static.op123.ren/static/d4/d45d1dcc2d73f3ed.svg)

## 3. 与 Flutter 的关系

Flet 不是简单的 Flutter 包装，而是进行了深度优化：

**Flet 的改进**：
- 将多个 Flutter 小部件组合为高级控件（如 TextField、Button）
- 实施最佳实践和合理默认值
- 简化状态管理和事件处理

# 三、核心功能

## 1. 控件系统
Flet 提供丰富的 UI 控件，涵盖常见应用需求：

### A. 基础控件
- **TextField**：文本输入框
- **Button**：按钮
- **Checkbox**：复选框
- **Dropdown**：下拉选择器
- **Slider**：滑动条

### B. 布局控件
- **Row**：水平布局容器
- **Column**：垂直布局容器
- **Container**：通用容器
- **Stack**：堆叠布局
- **GridView**：网格布局

### C. 导航控件
- **Tabs**：选项卡
- **NavigationBar**：导航栏
- **Drawer**：抽屉菜单

### D. 数据展示
- **DataTable**：数据表格
- **ListView**：列表视图
- **Chart**：图表控件

## 2. 状态管理
Flet 采用有状态应用模型：

```python
def main(page: ft.Page):
    # 页面状态
    page.title = "My App"
    page.theme_mode = ft.ThemeMode.LIGHT

# 控件状态
    txt = ft.TextField(value="Hello")

# 事件处理
    def on_change(e):
        txt.value = e.control.value
        page.update()  # 更新 UI

# 添加控件到页面
    page.add(txt)
```

**状态更新机制**：
1. 用户交互触发事件
2. 事件处理函数修改控件属性
3. 调用 page.update() 同步 UI
4. Flutter Engine 重新渲染受影响的控件

## 3. 事件处理
Flet 支持多种事件类型：

```mermaid
graph LR
    A[用户操作] --> B{事件类型}
    B --> C[点击事件]
    B --> D[值变更]
    B --> E[页面导航]
    B --> F[生命周期]

C --> G[on_click]
    D --> H[on_change]
    E --> I[on_route_change]
    F --> J[on_view_pop]
```

![事件处理流程](https://static.op123.ren/static/cc/cc15de04196072a3.svg)

**事件类型**：
- **on_click**：点击事件
- **on_change**：值变更事件
- **on_focus**：焦点事件
- **on_route_change**：路由变更事件

## 4. 实时功能
Flet 内置实时通信支持：

```python
# 实时协作示例
def main(page: ft.Page):
    page.title = "实时协作板"

text_field = ft.TextField(
        label="共享消息",
        on_change=lambda e: broadcast_message(e.control.value)
    )

page.add(text_field)
```

# 四、部署方式

## 1. Web 应用
将 Flet 应用部署为 Web 应用：

```bash
# 以 Web 模式运行
flet run --web app.py

# 指定端口
flet run --web --port 8080 app.py
```

**部署选项**：
- **Flet Cloud**：官方托管服务
- **自托管**：使用内置 Web 服务器
- **Docker 容器**：容器化部署

## 2. 桌面应用
打包为独立桌面应用：

```bash
# 运行为桌面应用
flet run app.py

# 打包为可执行文件
flet pack app.py --build-exe
```

**支持的桌面平台**：
- Windows：生成 .exe 文件
- macOS：生成 .app 文件
- Linux：生成二进制可执行文件

## 3. 移动应用
部署到移动设备的方式：

# 五、应用场景分析

## 1. 内部工具开发
**场景**：企业内部管理系统、数据录入表单

**优势**：
- 快速开发和迭代
- 跨平台部署
- 无需前端团队

**示例代码**：
```python
import flet as ft

def main(page: ft.Page):
    page.title = "员工信息录入"
    page.window_width = 600
    page.window_height = 800

def submit(e):
        print(f"姓名: {name.value}, 部门: {department.value}")

page.add(
        name,
        department,
        ft.ElevatedButton("提交", on_click=submit)
    )

ft.app(target=main)
```

## 2. 数据可视化仪表板
**场景**：实时数据监控、业务指标展示

**优势**：
- 丰富的图表控件
- 实时数据更新
- 响应式布局

## 3. 原型验证
**场景**：产品概念验证、用户测试

**优势**：
- 快速从想法到原型
- 高保真 UI
- 多平台展示

# 六、技术特性分析

## 1. 性能特点

```mermaid
graph TB
    A[Flet 应用性能] --> B[启动速度]
    A --> C[运行时性能]
    A --> D[内存占用]

B --> E["桌面：< 2 秒"]
    B --> F["Web：取决于网络"]

C --> G["Flutter Engine 原生性能"]
    C --> H["GPU 加速渲染"]

D --> I["比 Electron 小 50%"]
    D --> J["内存占用约 50-100 MB"]
```

![性能特点分析](https://static.op123.ren/static/44/44511bc2c0c49bab.svg)

**性能对比**：

## 2. 语言支持
Flet 设计为语言无关的框架：

**当前支持**：
- Python（完整支持）

**路线图**：
- Go（开发中）
- C#（计划中）
- JavaScript（讨论中）

**多语言协作场景**：
```python
# Python 后端逻辑
def process_data(data):
    return complex_calculation(data)

# Go 前端调用（未来支持）
# result = flet.call_python("process_data", data)
```

## 3. 安全性考虑
Flet 应用的安全特点：

**通信安全**：
- Web 模式支持 HTTPS
- WebSocket 加密通信

**数据安全**：
- 客户端状态存储
- 服务器端会话管理

**部署安全**：
- 内置服务器支持认证
- 可集成 OAuth 等第三方认证

# 七、最佳实践

## 1. 应用结构
推荐的 Flet 应用项目结构：

## 2. 性能优化
优化建议：

# 2. 延迟加载
class LazyView:
    def __init__(self):
        self.loaded = False

def load(self):
        if not self.loaded:
            self.loaded = True
            # 加载资源
```

## 3. 状态管理最佳实践
```python
class AppState:
    def __init__(self, page):
        self.page = page
        self.data = {}

def set(self, key, value):
        self.data[key] = value
        self.page.update()

def get(self, key, default=None):
        return self.data.get(key, default)
```

# 八、生态系统

## 1. 开发工具
- **Flet CLI**：命令行工具，支持运行、打包、发布
- **Flet Pad**：在线编辑器和预览
- **VS Code 插件**：代码补全和调试支持

## 3. 商业支持
Flet 由 Appveyor Systems Inc. 开发和维护，提供：
- 企业级支持服务
- 定制开发服务
- 培训和咨询

# 九、对比分析

## 1. 与 Streamlit 对比

**选择建议**：
- **选择 Flet**：需要更好的 UI 控制、桌面应用、移动支持
- **选择 Streamlit**：快速数据科学原型、主要面向 Web

## 2. 与 Dash 对比

## 3. 与 PyQt/PySide 对比

# 十、发展趋势

## 1. 技术演进
Flet 的发展方向：

```mermaid
graph TB
    A[当前状态] --> B[2025]
    B --> C[2026]

A --> A1[Python 完整支持]
    A --> A2[基础控件库]

B --> B1[Go 语言支持]
    B --> B2[更多控件]
    B --> B3[性能优化]

C --> C1[多语言生态]
    C --> C2[企业级功能]
    C --> C3[云原生部署]
```

![技术演进路线图](https://static.op123.ren/static/35/35d8acc82ff7a324.svg)

## 2. 行业影响
Flet 对行业的影响：

**对开发者**：
- 降低跨平台应用开发门槛
- Python 开发者进入应用开发领域
- 加速原型到产品的转化

**对企业**：
- 降低内部工具开发成本
- 快速验证产品想法
- 减少技术栈复杂度

## 3. 潜在挑战
Flet 面临的挑战：

# 十一、快速入门示例

## 1. 安装
```bash
pip install flet
```

## 2. Hello World
```python
import flet as ft

def main(page: ft.Page):
    page.title = "Hello Flet"
    page.add(ft.Text(value="Hello, World!"))

ft.app(target=main)
```

## 3. 交互式计数器
```python
import flet as ft

def main(page: ft.Page):
    page.title = "计数器"
    page.vertical_alignment = ft.MainAxisAlignment.CENTER

def minus_click(e):
        txt_number.value = str(int(txt_number.value) - 1)
        page.update()

def plus_click(e):
        txt_number.value = str(int(txt_number.value) + 1)
        page.update()

txt_number = ft.TextField(
        value="0",
        text_align=ft.TextAlign.RIGHT,
        width=100
    )

ft.app(target=main)
```

# 十二、总结

***

## 参考资料

1. [Flet Official Documentation](https://flet.dev/docs/)
2. [Flet GitHub Repository](https://github.com/flet-dev/flet)
3. [Flutter Documentation](https://flutter.dev/docs)

Flet Python 跨平台应用开发框架技术分析

发表评论取消回复
使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款

搭建国内LabHub

CentOS 7.9 编译并使用rpm方式升级openssh9.6p1（包括后续更新9.8p1等）

一天从 redis 大 key 开始

安装eve-ng

重装ensp

搭建discourse2论坛

中国AGI-Next前沿峰会技术分析：基模四杰论剑大模型未来

2025 AI浪潮下的资本市场与年轻投资者行为分析

GLM-4.7-Flash 模型发布技术分析

AI 让写代码更容易，但让工程更难

Flet Python 跨平台应用开发框架技术分析

发表评论 取消回复 使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款

Flet Python 跨平台应用开发框架技术分析

发表评论取消回复
使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款