Created
May 17, 2019 22:28
-
-
Save Nipodemos/24d63c5b04e954141153a75e7b0436a3 to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Embbed Desktop começa a integração no SDK do Flutter | |
| 23 de abril de 2019 Jacob Moura | |
| Durante muito tempo o Flutter Embbed Desktop ficou operando de forma totalmente separada do SDK padrão do Flutter, porém a partir da versão 1.5.x o Flutter aplicou várias caracteristicas que diz respeito ao Embbed Desktop, começando a integrar funcionalidades para rodar aplicativos nos computadores. Lembrando que tudo que for falado nesse post é referente ao canal “Master” do Flutter, não aconselhamos o uso desse canal se você não estiver sabendo exatamente o que está fazendo. | |
| Dito isso vamos as caracteristicas: | |
| Testes de Plataforma. | |
| https://i0.wp.com/flutterando.com.br/wp-content/uploads/2019/04/Captura-de-Tela-2019-04-21-a%CC%80s-13.07.12.png?w=354&ssl=1 | |
| Agora podemos testar se o Flutter está sendo rodado no Windows, no Linux ou no Mac. Antes só poderia ser testado em 3, o Android, iOS e o Fuchsia. | |
| Comando flutter run | |
| https://i0.wp.com/flutterando.com.br/wp-content/uploads/2019/04/Captura-de-Tela-2019-04-23-a%CC%80s-10.41.26.png?w=365&ssl=1 | |
| Instalado o SDK do flutter-embled-desktop, agora você pode executar como dois comandos que usamos para rodar o app nos emuladores de smartphones para rodar diretamente no desktop. | |
| O comando flutter run faz a construção para o seu aplicativo desktop, e se você estiver usando o VSCode basta apertar F5 para executar. | |
| O comando flutter build constroi uma versão de distribuição desse executável. | |
| Note que esses são comandos experimentais, para ativar esses comandos no SDK do flutter você precisa colocar uma VARIÁVEL DE AMBIENTE em seu sistema operacional: | |
| macOS e Linux: | |
| export ENABLE_FLUTTER_DESKTOP=true | |
| Windows (comando do PowerShell, mas você pode seta a variável da forma normal também): | |
| $env:ENABLE_FLUTTER_DESKTOP="true" | |
| Lembrete: essa flag só se manterá ativa no cmd que vc digitou, se você quiser que o ENABLE_FLUTTER_DESKTOP sempre esteja true, vc pode adicioná-lo diretamente nas variáveis de ambiente: | |
| https://i.imgur.com/xmiwXig.png | |
| Hot Reload e Depuração | |
| No momento que usa o flutter run, fica disponível a url do Observatory, então basta clicar e ver a depuração no Navegador. Você pode ver tudo, status da VM Dart, os Prints da aplicação e etc… Por enquanto os prints da aplicação não são refletidos no console, porém os breakpoints estão 100% funcionais. | |
| O Hot Reload está funcional no Flutter run, porém se tiver utilizando o VSCode e usando o F5 para depurar você precisa setar uma informação no settings.json. Você precisa adicionar a seguinte flag: | |
| "dart.env": { | |
| "ENABLE_FLUTTER_DESKTOP": true, | |
| } | |
| Com isso o Hot Reload irá funcionar também no depurador normal do VSCode. | |
| Ainda não existe nenhuma configuração para o Android Studios diretamente. | |
| Facilidade de Instalação | |
| Agora está muito mais fácil testar o Flutter Embled Desktop. Você vai precisar apenas do SDK e do compilador C++ da plataforma. | |
| Note que o seu SDK do Flutter tem que estar no Channel Master, para fazer isso basta usar o comando: flutter channel master | |
| Para conseguir o SDK do Flutter embled desktop basta clonar (Git) este repositório na mesma pasta onde se encontra o SDK do Flutter, por exemplo: | |
| <parent dir> | |
| ├─ flutter | |
| └─ flutter-desktop-embedding | |
| Agora você só precisa instalar os compiladores C++: | |
| Linux: Versão recente do GCC | |
| macOS: Versão recente do Xcode | |
| Windows: Visual Studio 2017 ou 2019 (qualquer um funciona agora) incluindo o "Desenvolvimento para Desktop com C++" | |
| Para rodar, entra na pasta flutter-desktop-embedding/example, abra a linha de comando lá, e digite o comando flutter run. | |
| Com isso, o flutter vai baixar o necessário para rodar, e se tudo der certo vc vai ver seu app flutter aberto!!! | |
| Até a Próxima. |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment