paint-brush
Uma breve introdução ao FLET: criando aplicativos Flutter com Pythonpor@valentineenedah
37,842 leituras
37,842 leituras

Uma breve introdução ao FLET: criando aplicativos Flutter com Python

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

Muito longo; Para ler

O FLET permite que os desenvolvedores criem facilmente aplicativos Web, móveis e de desktop em tempo real em Python. O mais louco é que nenhuma experiência de front-end é necessária e, embora a versão móvel ainda esteja em desenvolvimento, ainda podemos contar com o Progressive Web App.

Companies Mentioned

Mention Thumbnail
Mention Thumbnail
featured image - Uma breve introdução ao FLET: criando aplicativos Flutter com Python
Valentine Enedah HackerNoon profile picture

Você sabia que pode criar aplicativos flutter em Python?😮


O Flutter é bastante popular no mundo do desenvolvimento de software.

Vamos mergulhar fundo no mundo da criação de aplicativos flutuantes com Python!🙂


Sobre FLET

Antes de começar, o que é FLET?


O FLET permite que os desenvolvedores criem facilmente aplicativos Web, móveis e de desktop em tempo real em Python.

O mais louco é que nenhuma experiência de front-end é necessária e, embora a versão móvel ainda esteja em desenvolvimento, ainda podemos contar com o Progressive Web App.


Recursos alucinantes do FLET


  1. É alimentado por vibração.
  2. Você pode dar vida a um aplicativo em alguns minutos.
  3. Tem uma arquitetura simples.
  4. Além do Python, outras linguagens como Go, C#, etc. também serão suportadas.


Incrível, né?? 🙂🔥


Como instalar o FLET

Para instalar o FLET, use este comando:

pip install flet


Lembre-se: isso é para pessoas que usam uma versão do Python anterior à versão 3.


Por outro lado,

pip3 install flet


Para atualizar seu pip para a versão mais recente.

pip install -- upgrade pip


Um breve mergulho no Flutter 🏊‍♀️

O kit de ferramentas de interface do usuário Flutter , criado pelo Google , permite que os programadores criem aplicativos com interfaces de usuário de alto nível. Em contraste com o próprio Java, o Flutter emprega a programação Dart, uma linguagem orientada a objetos muito mais simples de aprender.


Para a nova versão do Flutter (3.4.0-34.1.pre), podemos criar aplicativos para dispositivos móveis (Android/IOS), MacOS, Web, Linux e desktop com uma única base de código.


Observação: ao usar vários sistemas operacionais, obviamente precisamos fazer alguns ajustes.


Construindo um aplicativo muito simples com FLET

Vamos criar um aplicativo simples com FLET.


Por exemplo, um aplicativo de Contador que tenha

  1. Um campo de texto
  2. Dois botões para aumentar e diminuir


Partes de codigo

Primeiro, precisamos importar o FLET e outros recursos essenciais para o contador App (por exemplo, widgets).

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


Definimos a função principal que é a raiz do nosso aplicativo e também definimos um título.


Vamos organizar os widgets porque a parte base do app já está pronta.

Para adicionar um widget, usamos o page.add(widget…..).


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


Para as linhas do aplicativo, consideraríamos o…


Campo de texto e botões

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


Agora, definimos duas funções que irão lidar com os eventos de imprensa.

 //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' refere-se ao campo de texto que colocamos na linha. A próxima coisa, usamos o valor do campo de texto que temos para agrupar isso dentro de uma variável em si.


Este é o trecho de código geral:

 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)


A parte final é executar o aplicativo.

flet.app(target=main)


Adicionamos este comando que visa diretamente o “principal”


Para executar o aplicativo, digite este comando

python filename.py


Observe que você precisa estar no mesmo diretório do arquivo.


A IU:

Como afirmei na seção Um breve mergulho no Flutter , ele também pode ser usado em seu navegador da web.


Para isso é necessário um pequeno ajuste; simplesmente adicione

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


aqui está o resultado final


Você pode aprender mais sobre o FLET aqui:

https://flet.dev/docs/roadmap