Installazione su Ubuntu

In questa lezione vedremo come installare Flutter su Ubuntu e verificare che tutto funzioni correttamente. Si precisa, comunque, che su questo sistema operativo non è possibile lavorare con iOS.

Requisiti

L’installazione di Flutter richiede che siano soddisfatti i seguenti requisiti minimi:

Parametro	Requisito
Sistema Operativo	Linux (64-bit)
Spazio disco libero	600 MB (solo per Flutter)
Tool da riga di comando	bash curl git 2.x mkdir rm unzip which xz-utils

Prima di proseguire, assicuriamoci di soddisfare tutti i requisiti necessari per l’installazione.

Installazione di Flutter

Iniziamo a muovere i primi passi con Flutter per configurare il nostro ambiente.

Colleghiamoci al sito ufficiale di download di Flutter per MacOS e scarichiamo l’ultima versione stabile disponibile. Al momento della stesura di questa guida, l’ultima versione stabile è la v1.0.0, rilasciata il 4 Dicembre 2018.

Una volta scaricato, scompattiamo il repository all’interno della cartella desiderata. In questo caso, immaginiamo di aver creato all’interno della home dell’utente la cartella Flutter-SDK e spostiamoci al suo interno tramite il comando:

cd ~/Flutter-SDK

Supponendo di aver scaricato il file nella cartella Downloads, eseguiamo il comando:

tar xf ~/Downloads/flutter_linux_v1.0.0-stable.tar.xz

Eseguiamo a questo punto il comando ls e vedremo che all’interno della cartella ne è presente una nuova, chiamata flutter. Entriamo in questa cartella per verificare che quello che abbiamo scaricato sia la branch stable del repository di Flutter aggiornato alla versione 1.0.0, come si può notare attraverso un semplice cat del file version.

Qualora da terminale non fosse visibile l’informazione sul branch, è possibile eseguire il comando:

git branch

Per completare l’installazione, dobbiamo esportare la variabile d’ambiente PATH con l’aggiunta del percorso alla cartella bin di flutter. Dalla root del repository di Flutter, collochiamoci nella cartella bin ed eseguiamo il comando pwd per ottenere il path corrente, che sarà simile a:

/home/[UTENTE]/Flutter-SDK/flutter/bin

Apriamo, ora, il file .bash_profile con vim (o con qualsiasi altro editor installato sul nostro sistema) come segue:

vim .bash_profile

e scriviamo l’export per la variabile $PATH come segue:

# flutter
export PATH=$PATH:/home/[UTENTE]/Flutter-SDK/flutter/bin

Salviamo quindi il file.

Nel caso in cui il file .bash_profile non fosse presente, è possibile usare il file .bashrc o, nel caso di zsh, il file .zshrc.

A questo punto, ricarichiamo il file .bash_profile tramite il comando:

source .bash_profile

o, più semplicemente, chiudiamo e riapriamo il nostro terminale, ed eseguiamo il comando:

echo $PATH

L'output di tale comando consisterà nell’elenco dei percorsi delle directory separate da :, tra i quali ci dovrà essere anche il percorso appena inserito.

Esecuzione del comando flutter doctor

Se abbiamo eseguito correttamente i passi precedenti, siamo finalmente pronti ad eseguire il comando:

flutter doctor [-v]

dove -v è l’opzione verbose per l’output.

Questo comando permette di verificare il nostro ambiente di lavoro e fornisce un report dettagliato con tutti i possibili warning e i problemi presenti sulla nostra macchina di sviluppo, come ad esempio l’assenza dei plugin di Flutter e Dart per Android Studio, o la mancata installazione di alcune librerie.

Un possibile output è rappresentato nella seguente figura.

In particolare, l’output offerto mostra un warning sull’accettazione delle licenze di Android sotto la voce di Android toolchain, e segnala la necessità di installare i plugin di Flutter e Dart per Android Studio. Nella prossima lezione affronteremo più nel dettaglio la configurazione degli ambienti di sviluppo come Android Studio e Visual Studio Code. In questa, invece, completeremo la risoluzione dei warning.

Risoluzione dei warning

Guardando l’output dell’esecuzione del comando flutter doctor, ci accorgiamo che il primo warning è relativo alla mancata accettazione di alcune licenze Android.

Per risolvere questo problema basterà eseguire il comando:

flutter doctor --android-licenses

Questo comando mostrerà a schermo la lista di licenze da leggere e accettare.

Rieseguendo nuovamente il comando flutter doctor, noteremo come i warning rilevati dal sistema siano semplicemente legati alla configurazione degli IDE di sviluppo, che tratteremo nella prossima lezione.