Flutter è una piattaforma di sviluppo di Google che ti consente di scrivere app mobili multipiattaforma utilizzando una base di codice. Le app sono sviluppate in Dart, un linguaggio tipizzato e orientato agli oggetti che si compila in codice nativo o JavaScript. Ciò significa che puoi scegliere come target Android, iOS, sistemi operativi desktop e il Web con un unico progetto Flutter.
Flutter viene fornito con un framework simile a React per la definizione dichiarativa delle interfacce. Viene fornito anche con Material Design integrato e componenti simili a iOS che ti consentono di creare rapidamente una nuova interfaccia. La facilità d'uso per gli sviluppatori è ulteriormente migliorata da solide integrazioni con IDE, strumenti di debug live e librerie di test.
La popolarità di Flutter è cresciuta rapidamente negli ultimi anni poiché sempre più sviluppatori sono stati tentati dal suo approccio unitario. Ecco come avviare il tuo ambiente di sviluppo Flutter con Android Studio su una macchina Linux.
Download di Android Studio
Inizia scaricando e installando l'IDE di Android Studio. Android Studio è basato su JetBrains’ IntelliJ IDEA ed è l'ambiente di sviluppo ufficiale per la piattaforma Android. Se integrato con il plug-in Flutter, fornisce anche un'esperienza di sviluppo di prima classe per le app Flutter.
Vai alla pagina dei download e prendi l'ultima versione di Studio per Linux. Ti verrà chiesto di accettare un contratto di licenza prima dell'inizio del download.
< /p> Pubblicità
Estrarre l'archivio una volta completato il download. L'albero delle directory decompresso contiene tutto il necessario per eseguire Android Studio – non esiste uno script di installazione separato. Per questo motivo, spesso è meglio estrarre in una directory comunemente usata per archiviare le applicazioni.
tar -xf android-studio-* -C /opt/android-studio chown -R $USER:$USER /opt/android-studio
Per avviare Android Studio, esegui lo script studio.sh nella directory bin. Aggiungi questa directory al tuo percorso se utilizzerai regolarmente l'IDE. Altrimenti dovrai specificare il percorso completo ad ogni avvio:
/opt/android-studio/bin/studio.sh &
La e commerciale finale significa che sarai in grado di chiudere la shell e continuare a utilizzare Android Studio.
Segui la prima procedura guidata di installazione per configurare il tuo IDE. Ai fini di questo tutorial, puoi accettare le impostazioni predefinite e creare uno “Standard” installazione. Questo scaricherà automaticamente una versione recente dell'emulatore Android e gli strumenti di build Android. Questi saranno utili in seguito quando si tratta di eseguire il debug delle app Flutter.
< p>Una volta raggiunta la finestra “Verifica impostazioni” schermata, confermare che Android Studio installerà SDK, JDK, Emulator, Build Tools e Platform Tools. Se tutto sembra a posto, fai clic su “Avanti” pulsante per avviare il download. Questa operazione potrebbe richiedere del tempo a seconda della qualità della tua connessione Internet. Al termine, verrà avviato Android Studio.
Download di Flutter
L'SDK di Flutter dovrebbe essere aggiunto al sistema al di fuori di Android Studio. Come utente Linux, è più semplice ottenere l'SDK direttamente dal repository Git. Puoi passare da una versione all'altra effettuando il check-out su rami diversi.
Pubblicità
Scegli dove posizionare l'SDK sul tuo sistema, quindi usa Git per scaricare l'ultima versione stabile:
mkdir ~/.flutter-sdk cd ~/.flutter-sdk git clone https://github.com/flutter/flutter.git -b stable
Aggiungi la directory bin all'interno dell'SDK al tuo percorso. Questo ti permetterà di usare il comando flutter nel tuo terminale. Esegui flutter ora per completare la configurazione dell'SDK. Il comando scaricherà gli SDK completi di Dart e Flutter e quindi creerà l'utilità CLI principale. Potrebbero essere necessari alcuni minuti per il completamento.
Eseguire quindi Flutter Doctor per verificare che l'SDK sia pronto per l'uso. Questo comando confermerà che hai installato l'SDK di Android in modo da poter creare e distribuire le tue app Flutter. Se uno dei controlli ha esito negativo, utilizza gli URL forniti per eseguire il debug di ciò che non va. Un avviso comune è “Stato della licenza Android sconosciuto” – questo può essere corretto eseguendo flutter doctor –android-licenses per accettare i termini di licenza dell'SDK.
Una volta che il dottore flutter mostra che “Flutter” e “Android Toolchain” funzionano, sei pronto per tornare ad Android Studio. Un passaggio facoltativo in anticipo è l'esecuzione della precache flutter che può accelerare le build future. Questo scarica in anticipo i binari specifici della piattaforma per iOS e Android, riducendo la durata della compilazione della tua prima build.
Aggiunta del supporto Flutter ad Android Studio
È ora di far funzionare Flutter con Android Studio. Nella schermata iniziale di Android Studio, fai clic sul collegamento Plugin nel menu a sinistra. Il plug-in Flutter è solitamente visibile nella parte superiore dell'elenco In primo piano. Prova a utilizzare la barra di ricerca se non la vedi.
Fare clic sul pulsante verde “Install” accanto al nome del plugin. Ti verrà chiesto di installare anche il plug-in Dart. Questo aggiunge il supporto dell'editor per il linguaggio di programmazione Dart. Riconosci la richiesta e aggiungi entrambi i plug-in ad Android Studio. Attendi il completamento del download, quindi premi il pulsante verde “Riavvia IDE” per applicare le modifiche.
Creazione di un'app Flutter
Il plug-in Flutter modifica la schermata iniziale di Android Studio con un “Nuovo progetto Flutter” pulsante. Fai clic ora per avviare la tua prima app Flutter. Sebbene questa scorciatoia sia pensata per funzionare di default con Flutter, a volte la seguente finestra di dialogo popup finisce nella scheda sbagliata. Assicurati che “Sfarfallio” è selezionato nella barra laterale sinistra.
Pubblicità
Sul lato destro della finestra di dialogo popup, utilizza il selettore di file per fornire il percorso di Flutter SDK. Questa è la directory creata in precedenza dal comando git clone. Puoi cambiarlo in un secondo momento aprendo il tuo progetto, quindi navigando nelle impostazioni di Android Studio e scegliendo Lingue e amp; Framework > Svolazza.
Dai un nome al tuo progetto e scegli una posizione di archiviazione nella pagina successiva. Il nome del progetto deve essere composto da caratteri alfanumerici minuscoli e trattini bassi. In Organizzazione, fornisci uno spazio dei nomi con notazione DNS inversa per la tua app, ad esempio com.example.myapp.
Di solito puoi lasciare le lingue Android e iOS ai valori predefiniti rispettivamente di Kotlin e Swift. Questi definiscono i linguaggi che utilizzerai per scrivere i componenti nativi specifici della piattaforma. Dovresti cambiarlo solo se sai già di doverlo fare.
Infine usa le “Piattaforme” casella di controllo per selezionare i sistemi operativi che si desidera scegliere come target. In questa fase saranno disponibili solo iOS, Android e Web. Windows e macOS non sono supportati durante lo sviluppo su Linux. Puoi abilitare il supporto per desktop Linux eseguendo il comando flutter config –enable-linux-desktop nel tuo terminale e riavviando Android Studio.
Una volta terminata la configurazione del progetto, fai clic sul pulsante “ ;Fine” pulsante per crearlo. Il processo di creazione potrebbe richiedere alcuni secondi mentre Android Studio prepara il progetto, scarica eventuali dipendenze extra e indicizza il sorgente iniziale per scoprire i simboli del codice.
Esecuzione del progetto< /h2>
L'IDE si aprirà in README.md. Puoi trovare il file sorgente dell'app di esempio Flutter predefinita in lib/main.dart. Le directory Android, iOS e Web nella cartella del progetto archiviano contenuti specifici della piattaforma come file manifest, icone e configurazioni della toolchain.
Annuncio
Esegui l'applicazione premendo il pulsante verde di riproduzione nella barra degli strumenti o utilizzando la scorciatoia da tastiera Maiusc+F10. Per impostazione predefinita, verrà eseguita la versione web del tuo progetto in Chrome. Se hai un dispositivo Android a portata di mano, collegalo al tuo computer con la modalità di debug USB abilitata per attivare il debug sul dispositivo di Android Studio. Seleziona il tuo dispositivo dal menu a discesa nella barra degli strumenti, proprio di fronte al pulsante di riproduzione.
Per utilizzare un dispositivo emulato, vai su Strumenti > AVD Manager nella barra dei menu in alto e premere “Crea dispositivo virtuale” in basso a sinistra. Segui le istruzioni per configurare il tuo nuovo dispositivo con le proprietà hardware e una versione Android.
Una volta terminato il processo, il dispositivo dovrebbe essere visualizzato nel menu a discesa nella barra degli strumenti di creazione. Ora sei pronto per sviluppare la tua app utilizzando Android Studio con un telefono Android fisico o emulato.
Riepilogo
Sebbene Flutter stia semplificando lo sviluppo di app multipiattaforma, l'esperienza iniziale è ancora relativamente complicata. L'utilizzo di Flutter su Linux richiede un processo in più fasi per l'installazione di Android Studio, il download di Flutter SDK e il collegamento tra i due. È inoltre necessario l'SDK Android completo e un'immagine dell'emulatore Android funzionante.
Seguendo la procedura nell'ordine corretto si otterrà un ambiente funzionante, ma non sottovalutare l'impatto che il dispositivo e la rete possono avere. Avrai più gigabyte di dati da scaricare e diversi SDK da estrarre e compilare, il che può richiedere molto tempo su hardware meno recenti o su una connessione Internet lenta.
Pubblicità
Una volta che il tuo IDE è 8217; se operativi, i documenti Flutter sono il miglior riferimento per scrivere la tua app e creare build di produzione. Attenzione che non è possibile compilare la tua versione iOS su Linux – dovrai avere accesso a un Mac, tramite hardware fisico, una macchina virtuale o una soluzione di creazione CI ospitata nel cloud.