Flutter - Apresentando o Flutter Studio


Hoje vou apresentar a ferramenta Flutter Studio.

O que é o Flutter ?

O Flutter é um SDK de aplicativo móvel do Google que ajuda a criar aplicativos móveis modernos para iOS e Android usando uma única (quase) base de código.

Ao contrário de outros frameworks como o React Native, ele não usa JavaScript como uma linguagem de programação nem precisa de uma ponte de interpretação para converter código JavaScript em código nativo, em vez disso, ele compila diretamente em binários arms e é executado na plataforma nativa.

Se você não conhece o Flutter veja o meu artigo :  Flutter - Primeiros contatos e impressões

O que é o Flutter Studio ?

O Flutter Studio é uma ferramenta comunitária baseada na web para a criação de telas Flutter com o objetivo de facilitar o desenvolvimento de GUIs.

Para acessar a ferramenta basta ir ao site: https://flutterstudio.app/

Você tem acesso ao modo visual (model) onde pode selecionar os widgets/contêineres dos menus arrastando e soltando no canvas do dispositivo:

E pode ver o código fonte gerado clicando em source:

Como usar ?

Basta selecionar o item que deseja usar para criar o seu leiaute, arrastar para a tela do telefone e soltar, a seguir faça os ajustes usando os recursos da ferramenta. Ao clicar na guia Source você pode visualizar o código Flutter gerado.

Clique em um widget na tela (ou na árvore) para selecioná-lo. Os componentes selecionados são cercados por uma caixa delimitadora verde. Você pode usar os editores para alterar suas cores, preenchimento, alinhamento, fonte, etc. O código é atualizado enquanto você trabalha.

Fazendo um apanhado geral podemos resumir que a ferramenta:

Essa ferramenta pode te ajudar a entender melhor como funciona o Flutter e como a árvore de widgets é montada. O único problema é que ela parece que foi atualizada em 2018 e o Flutter já sofreu diversos ajustes.

Todavia creio que vale a pena dar uma espiada na ferramenta e fazer alguns testes.

Nota: Um link com muita coisa legal sobre o Flutter : https://github.com/Solido/awesome-flutter

(disse Jesus) - "E a vida eterna é esta: que te conheçam, a ti só, por único Deus verdadeiro, e a Jesus Cristo, a quem enviaste."
João 17:3

Veja os Destaques e novidades do SUPER DVD Visual Basic (sempre atualizado) : clique e confira !

Quer migrar para o VB .NET ?

Quer aprender C# ??

Quer aprender os conceitos da Programação Orientada a objetos ?

Quer aprender o gerar relatórios com o ReportViewer no VS 2013 ?

Referências:


José Carlos Macoratti