Instale o ambiente de desenvolvimento do Flutter

O framework para desenvolvimento de apps móveis. Também para desktop e web.

Conteúdo da página

Agora preciso atualizar o app no Google Play Store para usar o novo SDK do Android, então polindo e publicando este antigo howto que escrevi há alguns anos.

Página do app Logical Fallacy Detector no Google PlayStore

Um trecho da página do app no PlayStore.

Este howto foi originalmente escrito em agosto de 2022, atualizado e publicado em abril de 2024. Por causa disso, pode conter algumas informações antigas.

Como

Passos para instalar o Flutter em um pc linux

Instalar ferramentas de desenvolvimento

https://docs.flutter.dev/get-started/install/linux/android

Verificar ferramentas

which bash file mkdir rm which

Instalar pacotes

sudo apt-get update -y && sudo apt-get upgrade -y;
sudo apt-get install -y curl git unzip xz-utils zip libglu1-mesa

Instalar pacotes para desenvolvimento de apps android

sudo apt-get install \
    libc6:i386 libncurses5:i386 \
    libstdc++6:i386 lib32z1 \
    libbz2-1.0:i386

Instalar pacotes para desenvolvimento de apps linux

sudo apt-get install \
      clang cmake git \
      ninja-build pkg-config \
      libgtk-3-dev liblzma-dev \
      libstdc++-12-dev

Instalar o VSCode

https://code.visualstudio.com/docs/setup/linux

Existe um link disponível para baixar o pacote debian do VSCode para linux: https://go.microsoft.com/fwlink/?LinkID=760868

Então instale-o como

sudo apt install ./<file>.deb

# Se você estiver em uma distribuição Linux mais antiga, você precisará executar isso em vez disso:
# sudo dpkg -i <file>.deb
# sudo apt-get install -f # Instalar dependências

Outras distribuições linux estão na página “setup/linux” também.

Instale as extensões do Flutter para o VSCode: https://marketplace.visualstudio.com/items?itemName=Dart-Code.flutter

Inicie o Quick Open do VS Code (Ctrl+P), cole o seguinte comando e pressione enter.

ext install Dart-Code.flutter

Instalar o Chrome

Para desenvolvimento web - Instale o Chrome:

https://www.google.com/chrome/dr/download/

Instalar o Android Studio

https://developer.android.com/studio/install#linux

Bibliotecas necessárias para ubuntu em 64

sudo apt-get install libc6:i386 libncurses5:i386 libstdc++6:i386 lib32z1 libbz2-1.0:i386

em sistemas baseados em ubuntu 24.04:

sudo apt-get install libc6:i386 libncurses6:i386 libstdc++6:i386 lib32z1 libbz2-1.0:i386

Baixe a versão mais recente do studio de: https://developer.android.com/studio

cd para “{installation home}/bin” e digite:

./studio.sh

xed ~/.bash_profile

export PATH=$PATH:~/Apps/android-studio/bin

Habilitar modo acelerado KVM

https://developer.android.com/studio/run/emulator-acceleration?utm_source=android-studio#vm-linux

sudo apt-get install cpu-checker
egrep -c '(vmx|svm)' /proc/cpuinfo

Uma saída de 1 ou maior significa que a virtualização é suportada. Uma saída de 0 significa que seu CPU não suporta virtualização de hardware.

Saída esperada:

INFO: /dev/kvm exists
KVM acceleration can be used

Instale o KVM no Linux Use o seguinte comando para instalar o KVM:

Cosmic (18.10) ou posterior:

sudo apt-get install qemu-kvm libvirt-daemon-system libvirt-clients bridge-utils

Instalar o SDK do Flutter

instale o sdk https://docs.flutter.dev/get-started/install/linux

https://docs.flutter.dev/get-started/install/linux/android

Pode instalar o sdk manualmente ou via VSCode

Notas manuais:

download https://storage.googleapis.com/flutter_infra_release/releases/stable/linux/flutter_linux_3.3.2-stable.tar.xz

cd prj

tar xf ~/Downloads/flutter_linux_3.3.2-stable.tar.xz

export PATH=$PATH:~/prj/flutter/bin

which flutter

flutter precache

flutter config --no-analytics

flutter config

Notas do VSCode:

no vs code command (Ctrl+p)

ext install Dart-Code.flutter

Na paleta de comandos ((Ctrl+shift+p)), digite flutter.

Selecione Flutter: New Project.

O VS Code pergunta para localizar o SDK do Flutter no seu computador.

Se você tem o SDK do Flutter instalado, clique em Locate SDK.

Se você não tem o SDK do Flutter instalado, clique em Download SDK.

Esta opção envia você para a página de instalação do Flutter se você não instalou o Git conforme indicado nos pré-requisitos das ferramentas de desenvolvimento.

Quando perguntado Qual modelo Flutter?, ignore-o. Pressione Esc. Você pode criar um projeto de teste após verificar sua configuração de desenvolvimento.

Após instalar em ~/Apps

echo 'export PATH="~/Apps/flutter/bin:$PATH"' >> ~/.bash_profile

source ~/.bash_profile

Para desativar o relatório de telemetria, execute este comando no terminal:

dart --disable-analytics

Instalar o Android Studio

cd para “{installation home}/bin” e digite:

./studio.sh

xed ~/.bash_profile

export PATH=$PATH:/home/yourname/Apps/android-studio/bin

https://docs.flutter.dev/get-started/editor

  • Inicie o VS Code.

  • Invocar Visualização > Paleta de Comandos….

  • Digite “instalar”, e selecione Extensões: Instalar Extensões.

  • Digite “flutter” no campo de pesquisa de extensões, selecione Flutter na lista e clique em Instalar. Isso também instala o plugin necessário Dart.

  • Invocar Visualização > Paleta de Comandos (Ctrl+Shift+P)

  • Digite “doctor”, e selecione o Flutter: Executar Flutter Doctor. (ou execute flutter doctor na janela do terminal)

  • Revise a saída na janela OUTPUT para quaisquer problemas. Certifique-se de selecionar Flutter da lista suspensa nas diferentes opções de saída.

Verificação

flutter doctor

[!] Android toolchain - desenvolver para dispositivos Android (versão do SDK Android 34.0.0)
    ✗ componente cmdline-tools está faltando
      Execute `path/to/sdkmanager --install "cmdline-tools;latest"`
      Veja https://developer.android.com/studio/command-line para mais detalhes.
    ✗ status da licença Android desconhecido.
      Execute `flutter doctor --android-licenses` para aceitar as licenças do SDK.
      Veja https://flutter.dev/docs/get-started/install/linux#android-setup para mais detalhes.
[✗] Chrome - desenvolver para a web (Não é possível encontrar o executável do Chrome em google-chrome)
    ! Não é possível encontrar o Chrome. Tente definir CHROME_EXECUTABLE para um executável do Chrome.
[✓] Linux toolchain - desenvolver para desktop Linux

Para instalar cmdline-tools:

  • Abra o Android Studio,
  • depois SDK (em mais),
  • depois marque Android SDK cmdline-tools latest,
  • depois clique em Aplicar

Aceitar licenças

flutter doctor --android-licenses

Se estiver usando chromium:

which chrome

export CHROME_EXECUTABLE=/usr/lib/chromium/chrome

Verificando a versão do Flutter e atualizando-a

Verificação da versão do Flutter:

flutter --version

Para atualizar a versão do Flutter execute

flutter upgrade

Criar novo projeto Flutter

  • Invocar Visualização > Paleta de Comandos (Ctrl+Shift+P).
  • Digite “flutter”, e selecione o Flutter: Novo Projeto.
  • Selecione Aplicação.
  • Crie ou selecione o diretório pai para a nova pasta do projeto.
  • Insira um nome para o projeto, como my_app, e pressione Enter.
  • Aguarde a conclusão da criação do projeto e a aparição do arquivo main.dart.

Depuração no Flutter

ctrl+p

>flutter: selecionar dispositivo

Registros

https://docs.flutter.dev/testing/code-debugging#logging

stderr.writeln(‘print me’);

import 'dart:developer' as developer;

void main() {
  developer.log('log me', name: 'my.app.category');

  developer.log('log me 1', name: 'my.other.category');
  developer.log('log me 2', name: 'my.other.category');
}
---
import 'dart:convert';
import 'dart:developer' as developer;

void main() {
  var myCustomObject = MyCustomObject();

  developer.log(
    'log me',
    name: 'my.app.category',
    error: jsonEncode(myCustomObject),
  );
}

Pausas

import 'dart:developer';

void someFunction(double offset) { debugger(when: offset > 30.0); // … }

Implantar no dispositivo

crie um apk para seu app e tente os comandos abaixo

limpe seu projeto

flutter clean

obtenha os pacotes

flutter pub get

construa seu apk

flutter build apk --release

encontre seu apk em sua máquina

seu nome do projeto\build\app\outputs\flutter-apk(no modo de liberação)

copie este APK e instale no seu dispositivo móvel

Dormir em Dart

Em código assíncrono

  await Future.delayed(Duration(seconds: 1));

Em código síncrono

  import 'dart:io';
  sleep(Duration(seconds:1));

Pacotes úteis

https://pub.dev/packages/http

https://pub.dev/packages/flutter_easyloading

https://pub.dev/packages/flutter_spinkit

Extensões do VSCode

https://medium.com/codex/my-top-5-flutter-extensions-for-vs-code-f36936518ff8

ícones: https://api.flutter.dev/flutter/material/Icons-class.html

todos os ícones: https://fonts.google.com/icons?selected=Material+Icons

==== Obter dados da internet ====

https://docs.flutter.dev/cookbook/networking/authenticated-requests

Relacionado a: Construir e liberar app android

App flutter para web

Plugin do servidor vivo do VSCode

Flutter com backend