Instale o Flutter no Linux
Você pode instalar o Flutter no Linux usando dois métodos. O primeiro método é bastante direto, tudo o que você precisa fazer é executar um comando simples para instalar o Flutter do armazenamento instantâneo.
$ sudo snap install flutter --classicO segundo método envolve o download do repositório de flutter do GitHub. Execute os seguintes comandos em sucessão para instalar manualmente o Flutter:
$ sudo apt install git$ git clone https: // github.com / vibração / vibração.git -b stable --depth 1 --no-single-branch
Observe que executar o comando acima obterá os arquivos necessários do repositório oficial do Flutter, incluindo arquivos binários executáveis. Você será capaz de executar esses arquivos binários da pasta “bin”. No entanto, esses arquivos executáveis não serão adicionados à variável PATH de todo o sistema e você não poderá executá-los de qualquer lugar, a menos que os adicione manualmente à variável PATH. Para fazer isso, siga as etapas abaixo.
Abrir ".arquivo bashrc ”localizado em sua pasta de início usando seu editor de texto favorito:
$ nano “$ HOME /.bashrc ”Adicione a seguinte linha na parte inferior do arquivo, substituindo cuidadosamente o
Por exemplo, se você baixou o repositório Flutter na pasta “Downloads”, você terá que adicionar a seguinte linha:
export PATH = "$ PATH: $ HOME / Downloads / flutter / bin"Salve o arquivo quando terminar. Atualizar “.bashrc ”, executando o comando abaixo:
$ fonte “$ HOME /.bashrc ”Para verificar se a pasta “bin” do Flutter foi adicionada ao caminho, execute o comando abaixo:
$ echo $ PATHVocê deve obter alguma saída como esta:
/ usr / local / sbin: / usr / local / bin: / usr / sbin: / usr / bin: / sbin: / bin: / usr / games: / usr / local / games: / snap / bin: / home / nit / Downloads / flutter / bin
Observe a presença da palavra-chave “flutter” e o caminho completo que mostra a pasta “bin” no diretório “flutter”.
Para verificar se o comando “flutter” pode ser executado de qualquer caminho, use o comando abaixo:
$ que vibraçãoVocê deve obter alguma saída como esta:
/ home / nit / Downloads / flutter / bin / flutter
Observe que a linguagem “Dart”, que é necessária para escrever aplicativos Flutter, vem junto com os arquivos Flutter baixados do repositório git ou do pacote snap. Execute o seguinte comando para verificar as dependências ausentes necessárias para executar o Flutter:
médico $ flutterAlguns arquivos necessários podem começar a baixar para completar a configuração do Flutter. Se você ainda não instalou o Android SDK, uma mensagem será mostrada na saída para guiá-lo durante a instalação.
Se você deseja desenvolver aplicativos Android usando Flutter, clique nos links visíveis na saída do terminal e siga as etapas relevantes para instalar o Android SDK.
Este tutorial se concentra na construção de aplicativos da web usando Flutter. Para ativar o suporte para a criação de aplicativos da web, execute os seguintes comandos em sucessão:
$ flutter channel betaatualização de $ flutter
$ flutter config --enable-web
Para verificar se o suporte a aplicativos da web foi realmente ativado, execute o comando abaixo:
dispositivos $ flutterVocê deve obter alguma saída como esta:
2 dispositivos conectados:
Servidor da web (web) • servidor da web • javascript da web • Ferramentas de flutuação
Chrome (web) • chrome • web-javascript • Google Chrome 87.0.4280.66
Se você seguiu as etapas corretamente até agora, o Flutter agora deve estar instalado corretamente em seu sistema, pronto para criar alguns aplicativos da web.
Criar um novo projeto Flutter
Para criar um novo projeto de aplicativo da web “HelloWorld” usando Flutter, execute os comandos mencionados abaixo:
$ flutter criar helloworld$ cd helloworld
Para testar seu projeto recém-criado, execute o comando:
$ flutter run -d chromeVocê deverá ver uma demonstração do aplicativo da web Flutter como esta:
Você pode depurar aplicativos da web Flutter usando ferramentas de desenvolvimento integradas ao Chrome.
Modifique Seu Projeto
O projeto de demonstração que você criou acima contém um “principal.arquivo dardo ”localizado na pasta“ lib ”. Código contido neste “principal.dart ”é comentado muito bem e pode ser entendido facilmente. Eu sugiro que você leia o código pelo menos uma vez para entender a estrutura básica de um aplicativo Flutter.
O Flutter oferece suporte para "recarregamento a quente", permitindo que você atualize rapidamente seu aplicativo sem reiniciá-lo para ver as mudanças. Tente alterar o título do aplicativo de “Página inicial de demonstração do Flutter” para “Hello World !!”No“ principal.arquivo dardo. Uma vez feito isso, pressione
Crie seu aplicativo Flutter
Para construir seu aplicativo da web Flutter, use o comando especificado abaixo no diretório do seu projeto:
$ flutter construir webAssim que o processo de construção for concluído, você deve ter uma nova pasta no diretório do seu projeto localizada no caminho “build / web”. Aqui você encontrará todos os itens necessários “.html ”,“.js ”e“.arquivos css ”necessários para servir o projeto online. Você também encontrará vários arquivos de ativos usados no projeto.
Recursos Úteis
Para saber mais sobre o desenvolvimento de aplicativos da web usando Flutter, consulte sua documentação oficial. Você pode consultar a documentação oficial da linguagem Dart para obter uma melhor compreensão dos aplicativos Flutter. O Flutter vem com muitos pacotes oficiais e de terceiros que você pode usar para desenvolver aplicativos rapidamente. Você pode encontrar esses pacotes disponíveis aqui. Você pode usar widgets Flutter de material design em seus aplicativos da web. Você pode encontrar a documentação para esses widgets na documentação oficial do Flutter. Você também pode ter uma ideia desses widgets navegando em demonstrações de trabalho de componentes da web de design de material.
Conclusão
O Flutter está em desenvolvimento há um bom tempo e está crescendo como uma estrutura para o desenvolvimento de aplicativos de plataforma cruzada "escreva uma vez, implemente em qualquer lugar". Sua adoção e popularidade podem não ser tão altas quanto outras estruturas, mas fornece uma API estável e robusta para desenvolver aplicativos de plataforma cruzada.