Flet for Pyodide - build standalone SPA in Python with Flutter UI.
Project description
Flet for Pyodide - build standalone Single-Page Applications (SPA) in Python with Flutter UI
Flet is a rich User Interface (UI) framework to quickly build interactive web, desktop and mobile apps in Python without prior knowledge of web technologies like HTTP, HTML, CSS or JavaSscript. You build UI with controls based on Flutter widgets to ensure your programs look cool and professional.
Requirements
- Python 3.7 or above on Windows, Linux or macOS
Installation
pip install flet
Create the app
Create main.py
file with the following content:
import flet as ft
def main(page: ft.Page):
page.title = "Flet counter example"
page.vertical_alignment = ft.MainAxisAlignment.CENTER
txt_number = ft.TextField(value="0", text_align=ft.TextAlign.RIGHT, width=100)
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()
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(main)
Run the app
flet run --web main.py
Publish app as a static website
flet publish main.py
A static website is published into ./dist
directory.
Test website
python -m http.server --directory dist
Open http://localhost:8000
in your browser to check the published website.
Deploy website
Deploy a static website to any free hosting such as GitHub Pages, Cloudflare Pages or Vercel!
Learn more
Visit Flet website.
Continue with Python guide to learn how to make a real app.
Browse for more Flet examples.
Join to a conversation on Flet Discord server.
Project details
Release history Release notifications | RSS feed
Download files
Download the file for your platform. If you're not sure which to choose, learn more about installing packages.
Source Distribution
Built Distribution
Hashes for flet_contrib_pyodide-2024.10.25.1641.tar.gz
Algorithm | Hash digest | |
---|---|---|
SHA256 | 58e666a924b7c5d087e8c6273fb8db8f34485ce762f3473462bf28500431aca8 |
|
MD5 | b7b16991eab6bab987b6b61f71c79aa5 |
|
BLAKE2b-256 | ec843f5c7f511af2502460ae6e581d9c2d01010854a63f0ef50d047d635115fa |
Hashes for flet_contrib_pyodide-2024.10.25.1641-py3-none-any.whl
Algorithm | Hash digest | |
---|---|---|
SHA256 | 1e9dae4e0bfe3bf3ee45491d23720919da6fc34f354f30a602c4beffdec31113 |
|
MD5 | cab0ae2ce491d85a0d8415fead5a9d26 |
|
BLAKE2b-256 | 9f5520af29f23871b479d2faf37aff2a492508a04fcf9a610bb64b94534939e2 |