Bouw cross-platform apps in Python met Flet

Een eenvoudig voorbeeld

Start met een eenvoudige teller om te zien hoe Flet Python-code omzet in een interactieve app.

De interface bouwen Gebruik kant-en-klare controls voor de tekst en de knop. Arrangeer deze met Python.

Gedrag toevoegen Koppel de knop aan een Python-functie die de teller verhoogt.

Voorbeeldcode: counter.py

import flet as ft

def main(page: ft.Page):
    counter = ft.Text("0", size=50, data=0)

    def increment(e):
        counter.data += 1
        counter.value = str(counter.data)

    page.floating_action_button = ft.FloatingActionButton(
        icon=ft.Icons.ADD, on_click=increment
    )
    page.add(
        ft.Container(
            content=counter,
            alignment=ft.Alignment.CENTER,
            expand=True,
        )
    )

ft.run(main)

Uitvoeren met: $ flet run counter.py

Gebouwd voor het volledige traject

Flet biedt meer dan alleen een mooie interface. De controls, bibliotheken en tools zijn ontworpen om je app te transformeren van een experiment naar een product dat je daadwerkelijk kunt publiceren.

  • Fraaie Python GUI's: Meer dan 150 controls en services. Denk aan layouts, navigatie, formulieren en dialogen, met aanpasbare kleuren, typografie en thema's.
  • Je Python-bibliotheken op mobiel: Gebruik NumPy, pandas, Pillow en cryptography. Vooraf gebouwde pakketten voor iOS en Android besparen je het werk om native afhankelijkheden te compileren.
  • Klaar voor distributie: Package je app voor desktop, mobiel en web met flet build. Bereid deze voor op distributie, inclusief de App Store en Google Play.
  • Het web, op jouw manier: Draai Python in de browser met Pyodide en WebAssembly, of houd je code op een server en verzend real-time UI-updates.
  • Test je app: Schrijf pytest-tests die knoppen bedienen, tekst invoeren en gebruikersflows controleren in je gepackaged app. Leg visuele wijzigingen vast met screenshots op iOS en Android.
  • Geef je AI de juiste context: Verbind je coding assistant met Flet MCP voor versie-specifieke API-informatie en tools om voorbeelden, iconen en CLI-opties te vinden.
  • Maak het eigen: Stel aangepaste controls samen in Python of verpak Flutter-pakketten in extensies om nieuwe UI-componenten en platformintegraties toe te voegen.
  • Bouw voor meer mensen: Ondersteun schermlezers met labels en aangepaste semantiek. Voeg toetsenbordshortcuts toe en inspecteer de toegankelijkheidsinformatie die je UI blootstelt.

Maak kennis met Flet Studio

Een idee is een geweldig startpunt. Open je browser, kies een voorbeeld, schrijf Python-code of vraag de AI-agent om hulp. Draai je app en deel wat je maakt, zonder dat installatie vereist is.

  1. Vind je startpunt: Verken de Gallery en maak een bestaand voorbeeld eigen.
  2. Maak het op jouw manier: Bewerk de code, krijg hulp van AI en zie je app live draaien.
  3. Deel wat je hebt gemaakt: Verstuur een link, of download je project om lokaal verder te bouwen.

Samen beter

Jouw app, onze community. Deel een idee, stel een vraag of help bepalen wat er als volgende komt. Flet is open source en iedereen is welkom om bij te dragen via GitHub en Discord.