paint-brush
Une brève introduction à FLET : créer des applications Flutter avec Pythonpar@valentineenedah
37,842 lectures
37,842 lectures

Une brève introduction à FLET : créer des applications Flutter avec Python

par Valentine Enedah4m2022/11/08
Read on Terminal Reader
Read this story w/o Javascript

Trop long; Pour lire

FLET permet aux développeurs de créer facilement des applications Web, mobiles et de bureau en temps réel en Python. Ce qui est fou, c'est qu'aucune expérience frontale n'est nécessaire, et bien que la version mobile soit encore en développement, nous pouvons toujours compter sur la Progressive Web App.

Companies Mentioned

Mention Thumbnail
Mention Thumbnail
featured image - Une brève introduction à FLET : créer des applications Flutter avec Python
Valentine Enedah HackerNoon profile picture

Savez-vous que vous pouvez créer des applications flottantes en Python ?😮


Flutter est très populaire dans le monde du développement logiciel.

Plongeons profondément dans le monde de la création d'applications flottantes avec Python !🙂


À propos de FLET

Avant de commencer, qu'est-ce que FLET ?


FLET permet aux développeurs de créer facilement des applications Web, mobiles et de bureau en temps réel en Python.

Ce qui est fou, c'est qu'aucune expérience frontale n'est nécessaire, et bien que la version mobile soit encore en développement, nous pouvons toujours compter sur la Progressive Web App.


Fonctionnalités époustouflantes de FLET


  1. Il est alimenté par flottement.
  2. Vous pouvez donner vie à une application en quelques minutes.
  3. Il a une architecture simple.
  4. Outre Python, d'autres langages tels que Go, C #, etc. seront également pris en charge.


Incroyable, non ??🙂🔥


Comment installer FLET

Pour installer FLET, utilisez cette commande :

pip install flet


N'oubliez pas : ceci est destiné aux personnes utilisant une version de Python inférieure à la version 3.


Autrement,

pip3 install flet


Pour mettre à niveau votre pip vers la dernière version.

pip install -- upgrade pip


Une brève plongée dans Flutter 🏊‍♀️

La boîte à outils d'interface utilisateur Flutter , créée par Google , permet aux programmeurs de créer des applications avec des interfaces utilisateur de premier ordre. Contrairement à Java lui-même, Flutter utilise la programmation Dart, un langage orienté objet beaucoup plus simple à apprendre.


Pour la nouvelle version de Flutter (3.4.0-34.1.pre), nous pouvons créer des applications pour mobile (Android/IOS), MacOS, Web, Linux et bureau avec une seule base de code.


Remarque : Lorsque vous utilisez plusieurs systèmes d'exploitation, nous devons évidemment procéder à certains ajustements.


Construire une application très simple avec FLET

Construisons une application simple avec FLET.


Par exemple, une application Counter qui a

  1. Un champ de texte
  2. Deux boutons pour incrémenter et décrémenter


Extraits de code

Tout d'abord, nous devons importer FLET et d'autres fonctionnalités essentielles pour l'application de compteur (par exemple, les widgets).

 import fletfrom flet import Row, icons, IconButton, TextField, Page;


Nous définissons la fonction principale qui est la racine de notre application et définissons également un titre.


Organisons les widgets car la partie de base de l'application est déjà prête.

Pour ajouter un widget, nous utilisons la page.add(widget…..).


 def main(page: Page): page.title = "Counter App" page.vertical_alignment = "center"


Pour les lignes de l'application, nous considérerions le…


Champ de texte et boutons

 page.add(Row([ IconButton(icons.REMOVE), TextField(text_align="center",value="0", width=100) IconButton(icons.ADD) ], alignment="center") )


Maintenant, nous définissons deux fonctions qui géreront les événements de presse.

 //Decrement def minus(e) : tf.value = int(tf.value) -1 page.update()//Increment def plus(e) : tf.value = int(tf.value) + 1 page.update()


'tf' fait référence au champ de texte que nous avons placé dans la ligne. La prochaine chose, nous avons utilisé la valeur du champ de texte, nous devons l'envelopper dans une variable elle-même.


Voici l'extrait de code global :

 import flet from flet import Row, icons, IconButton, TextField, Page; def main(page: Page): page.title = "Counter App" page.vertical_alignment = "center" tf =TextField(text_align="center",value="0", width=100) #Functions def minus(e): tf.value = int(tf.value) -1 page.update() def plus(e): tf.value = int(tf.value) + 1 page.update() #Widgets page.add( Row([ IconButton(icons.REMOVE, on_click=minus), tf, IconButton(icons.ADD, on_click=plus) ], alignment="center") ) flet.app(target=main,view=flet.WEB_BROWSER)


La dernière partie consiste à exécuter l'application.

flet.app(target=main)


Nous ajoutons cette commande qui cible directement le "main"


Pour exécuter l'application, tapez cette commande

python filename.py


Notez que vous devez être dans le même répertoire que le fichier.


L'interface utilisateur :

Comme je l'ai indiqué dans la section Une brève plongée dans Flutter , il peut également être utilisé sur votre navigateur Web.


Un petit ajustement est nécessaire pour cela; ajouter simplement

flet.app(target=main,view=flet.WEB_BROWSER)


Voici le résultat final


Vous pouvez en savoir plus sur FLET ici :

https://flet.dev/docs/roadmap