Flutter creatore interfacce native per ios e android

Flutter è un framework open-source creato da Google per la creazione di interfacce native per iOS e Android, oltre ad essere il metodo principale per la creazione di applicazioni per Google Fuchsia.

Con la versione 1.9, Google introduce il supporto per le applicazioni web e per siti statici scritti in linguaggio Dart. Così, con questo aggiornamento, si è ampliata la lista delle piattaforme supportate.

Installare Flutter su Ubuntu o Debian

Requisiti di sistema:

Per installare ed eseguire Flutter, dovete avere questi requisiti:

Sistemi operativi : Linux (64 bit)
Spazio su disco : 600 MB (non include lo spazio su disco per IDE / strumenti).
Strumenti: Flutter dipende dalla disponibilità di questi strumenti della riga di comando nel tuo ambiente:

  • bash
  • curl
  • file
  • git 2.x
  • mkdir
  • rm
  • unzip
  • which
  • xz-utils
  • zip

Librerie condivise : il comando Flutter dipende dalla disponibilità di questa libreria nel tuo ambiente.
libGLU.so.1– fornito da pacchetti mesa come libglu1-mesa su Ubuntu/Debian e mesa-libGLU su Fedora.

Scarica Flutter SDK

Per Linux esistono 2 modi per installare Flutter.

Installa flutter creatore interfacce native per ios e android usando snapd

Il modo più semplice per installare Flutter su Linux è usare snapd. Per ulteriori informazioni, vedi Installazione di snapd.

Una volta che hai snapd, puoi installare Flutter utilizzando Snap Store o dalla riga di comando:

  • sudo snap install flutter –classic

sudo snap install flutter --classic

Installare da Git

Il secondo metodo prevede il download del repository flutter da GitHub. Eseguire i seguenti comandi in successione per installare manualmente Flutter:

  • sudo apt install git
  • git clone https://github.com/flutter/flutter.git -b stable –depth 1 –no-single-branch

Da notare che l’esecuzione del precedente comando ti consentirà di ottenere i file richiesti dal repository ufficiale Flutter, inclusi i file binari eseguibili. Sarai in grado di eseguire questi file binari dalla cartella “bin”. Tuttavia, questi file eseguibili non verranno aggiunti alla variabile PATH a livello di sistema e non sarai in grado di eseguirli da nessuna parte a meno che non li aggiungi manualmente alla variabile PATH. A tale scopo, attenersi alla seguente procedura.

Apri il file rc per la tua shell. Poiché per impostazione predefinita il nostro sistema e la maggior parte delle altre distribuzioni Linux utilizzano la shell Bash, modificheremo $ HOME / .bashrc. Per fare ciò, apri il terminale e inserisci il seguente comando:

  • gedit bashrc

flutter-interfacce-native-per-ios-e-android

Aggiungi la seguente riga in fondo al file, sostituendo con attenzione la stringa <full_path_to_flutter_directory>.

export PATH=”$PATH:$HOME/flutter/bin”

Funzionerà solo se hai scaricato il file nella cartella HOME, altrimenti dovrai modificare il testo in questo modo:

Usa il seguente testo se hai scaricato il file nella cartella “Scaricati” o un altra cartella.

export PATH=”$PATH:$HOME/Scaricati/flutter/bin”

Una volta terminato Salva il file, aggiornando il file “.bashrc” con il comando seguente:

  • souce .bashrc

souce .bashrc

Verifica flutter-creatore-interfacce-native-per-ios-e-android

Per verificare che la cartella “bin” di Flutter è stata aggiunta al percorso, digita:

  • echo $PATH

echo$PATH

Da notare la presenza della parola chiave “flutter”, e nella directory flutter il percorso completo che mostra la cartella “bin”.Per verificare se “flutter” può essere eseguito da qualsiasi percorso, digita:

  • which flutter

Risultato:

/snap/bin/flutter

Versione

Una volta installato per vedere la versione installata digita:

  • flutter –version

Aggiornare i pacchetti

Per aggiornare i pacchetti apri un terminale e digita:

  • flutter packages upgrade -v

Pre-download dei binari di sviluppo

Lo strumento flutter scarica i file binari di sviluppo specifici della piattaforma secondo necessità. Per scenari in cui è preferibile un pre-download di questi artefatti (ad esempio, in ambienti di compilazione ermetici o con disponibilità di rete intermittente), i file binari iOS e Android possono essere scaricati in anticipo eseguendo:

  • flutter precache

Controlla con flutter doctor

Per scrivere le App con Flutter, hai bisogno del linguaggio “Dart”.

Dart (originariamente chiamato Dash) è un linguaggio di programmazione sviluppato da Google. È stato presentato alla conferenza “GOTO Aarhus 2011” dal 10 al 12 ottobre 2011. Lo scopo di Dart è quello di “sostituire JavaScript come lingua franca per lo sviluppo web sulla piattaforma web aperto”.

Il compilatore Dart permette di scrivere programmi sia per il web che per desktop e server, attraverso l’uso di due diverse piattaforme:

Dart Native: Per i dispositivi (smartphone, desktop, server, e altro), Dart Native include sia la Dart VM con una compilazione JIT (just-in-time) e un compilatore AOT (ahead-of-time) per la produzione di codice eseguibile.
Dart Web: Per il web, Dart Web include sia un compilatore per lo sviluppo (dartdevc) che uno per la produzione (dart2js).

Dart viene fornito in bundle con i file Flutter scaricati dal repository git o dal pacchetto snap. Digita questo comando di seguito e verifica se mancano dipendenze per eseguire Flutter:

  • flutter doctor

Alcuni file richiesti potrebbero iniziare il download per completare la configurazione di Flutter. Se non hai ancora installato Android SDK, verrà visualizzato un messaggio nell’output per guidarti durante l’installazione.

flutter-doctor

Creare Android App

Per poter proseguire avrai bisogno di Google chrome. Controlla che sia installato sul tuo sistema altrimenti guarda quest’articolo.

Se desideri sviluppare app Android utilizzando Flutter, clicca sui collegamenti visibili nell’output del terminale e segui i passaggi per installare Android SDK.

Questo tutorial si concentra sulla creazione di applicazioni Web utilizzando Flutter. Per abilitare il supporto per la creazione di app Web, esegui in successione i seguenti comandi:

  • flutter channel beta
  • flutter upgrade
  • flutter config –enable-web

Verifica che il supporto dell’applicazione Web sia stato effettivamente abilitato, digita:

  • flutter devices

flutter-devices

Crea un nuovo progetto

Per creare un nuovo progetto di applicazione web “ciao Italia” utilizzando Flutter, esegui i comandi indicati di seguito:

  • flutter create ciaoitalia
  • cd ciaoitalia

Testa il tuo progetto appena creato, digita:

  • flutter run -d chrome

Puoi anche usare:

  • flutter run

flutter-creatore-interfacce-native-per-ios-e-android

come risultato otterete l’immagine sopra che però, non mostra il testo “ciaoitalia”.

La cartella che contiene il codice si trova nella cartella lib del file appena creato in questo caso ciaoitalia.

flutter-creatore-interfacce-native-per-ios-e-androidper iOS

apri

flutter-creatore-interfacce-native-per-ios-e-android

Una volta aperta la cartella troveremo il file main.dart. Main dart è il linguaggio di programmazione utilizzato per codificare le app Flutter.

flutter-creatore-interfacce-native-per-ios-e-android

Aprite il file e, per inserire ciao italia correggere la riga come indicato di seguito:

flutter-creatore-interfacce-native-per-ios-e-android

L’immagine sopra, mostra il file main.dart. Main.dart contiene il codice html della pagina aperta con google chrome.

La freccia mostra il testo da corregere se, sulla nostra pagina web vogliamo vedere “ciaoitalia”. Per fare ciò non dovete far altro che correggere cancellando “Flutter Demo Home” e corregendo con “ciaoitalia”.

flutter-creatore-interfacce-native-per-ios-e-android

Rimuovere

Per rimuovere aprite un terminale e digitate i seguenti comandi:

  • sudo snap remove flutter –classic

Grazie! per l’utilizzo della Guida di Linuxiano.

Trovi questo tutorial utile? Condividi con i tuoi amici per tenerlo in vita.
Sii il primo a commentare, apprezzo i tuoi suggerimenti. Per ulteriori domande potete commentare qui sotto.

Fonte: https://linuxiano.altervista.org/2020/12/flutter-creatore-interfacce-native-per-ios-e-android/

Se vuoi sostenerci, puoi farlo acquistando qualsiasi cosa dai diversi link di affiliazione che abbiamo nel nostro sito o partendo da qui oppure alcune di queste distribuzioni GNU/Linux che sono disponibili sul nostro negozio online, quelle mancanti possono essere comunque richieste, e su cui trovi anche PC, NAS e il ns ServerOne. Se ti senti generoso, puoi anche donarmi solo 1€ o più se vuoi con PayPal e aiutarmi a continuare a pubblicare più contenuti come questo. Grazie!

Hai dubbi o problemi? Ti aiutiamo noi!

Se vuoi rimanere sempre aggiornato, iscriviti al nostro canale Telegram.
Se vuoi ricevere supporto per qualsiasi dubbio o problema, iscriviti alla nostra community Facebook o gruppo Telegram.
Cosa ne pensi? Fateci sapere i vostri pensieri nei commenti qui sotto.
Ti piace quello che leggi? Per favore condividilo con gli altri.
Amazon Music
Scopri le ultime offerte per dischi ssd su Acquista su Amazon
Scopri le ultime offerte per memorie RAM DDR su Acquista su Amazon
Scopri le ultime offerte per Chromebook su Acquista su Amazon
Scopri le ultime offerte per Raspberry su Acquista su Amazon

Potrebbero interessarti anche...

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito usa Akismet per ridurre lo spam. Scopri come i tuoi dati vengono elaborati.