Rilasciato · in miglioramento
Framework · Dal 2017
Flutter è il framework UI open source di Google per creare app mobili, web e desktop partendo da un unico codice Dart.
Flutter è un framework open source per interfacce utente sviluppato da Google e pubblicato per la prima volta nel 2017. Con un unico codice sorgente si possono creare app per Android, iOS, il web, Windows, macOS e Linux. Le app si scrivono in Dart, il linguaggio a oggetti di Google con una sintassi simile a Java e TypeScript, null safety e async/await; l'SDK di Dart è incluso in Flutter.
Invece di usare i componenti nativi dell'interfaccia di ogni piattaforma, Flutter disegna ogni pixel con il proprio motore di rendering. In questo modo le app hanno lo stesso aspetto e lo stesso comportamento ovunque, e design e animazioni personalizzati non hanno limiti. Le build di rilascio compilano in anticipo il codice Dart in codice macchina, mentre durante lo sviluppo l'hot reload applica subito le modifiche mantenendo lo stato dell'app. Per questo Flutter è molto usato per le app mobili che devono uscire su più piattaforme contemporaneamente.
Per iniziare, installa l'SDK di Flutter, controlla l'ambiente con flutter doctor e impara il modello a widget modificando l'app contatore generata da flutter create. I codelab ufficiali e la guida al linguaggio Dart spiegano passo dopo passo come comporre widget, gestire lo stato e costruire layout. I pacchetti si cercano su pub.dev e si aggiungono con flutter pub add.
Lo stesso codice Dart produce app per Android, iOS, web, Windows, macOS e Linux; il codice specifico di una piattaforma si aggiunge solo quando serve.
Testo, spaziature, layout e intere schermate sono widget, e le interfacce complesse nascono combinando widget più piccoli.
Le modifiche al codice compaiono nell'app in esecuzione in circa un secondo, senza perderne lo stato.
Il motore di Flutter disegna ogni pixel e le build di rilascio sono compilate in anticipo in codice macchina per un'esecuzione fluida.
Installa l'estensione Flutter in VS Code e lascia che scarichi l'SDK, oppure scarica l'SDK per il tuo sistema da docs.flutter.dev, estrailo e aggiungi la sua cartella bin al PATH. L'SDK di Dart è incluso.
Esegui flutter doctor per verificare se gli strumenti di ogni piattaforma di destinazione, come Android Studio, Xcode, Chrome o Visual Studio, sono installati. Servono solo quelli delle piattaforme per cui compili.
flutter doctorCrea un progetto con flutter create ed eseguilo su un dispositivo collegato, un emulatore o un browser. Salvando il codice durante l'esecuzione, l'hot reload applica subito la modifica.
flutter create hello_app && cd hello_app && flutter runOgni app Flutter parte dalla funzione main in lib/main.dart, e il widget passato a runApp occupa tutto lo schermo. MaterialApp fornisce la struttura di un'app Material Design, Scaffold il layout di base di una schermata, mentre Center e Text mostrano un messaggio centrato. Sostituisci il main.dart generato con questo codice ed eseguilo con flutter run.
lib/main.dart
import 'package:flutter/material.dart';
void main() {
runApp(
const MaterialApp(
home: Scaffold(
body: Center(child: Text('Hello, world!')),
),
),
);
}
flutter create hello_app && cd hello_app && flutter runSei capitoli che ti accompagnano dall'installazione ai concetti chiave di Flutter.
Fai domande, condividi la tua esperienza e scambia opinioni su Flutter.
Ancora nessuna discussione. Avvia la prima.
0 commenti
Accedi · Accedi per lasciare un commento.
Scrivi tu il primo commento.