Basics de Flutter

Flutter és el framework de Google per crear aplicacions natives boniques per a mòbils, web i escriptoris des d’un matiex codi. Fa servir una estructura de components per la qual tot es un component sempre.

Una de les principals ventatges es que compila l’aplicació tant per a iOS com per a Android.

Anem a veure l’explicació de l’app més bàsica de flutter un botó incrementant un numero.

Primer necessitarem elSDK de Flutterseguit de el plugin per AndroidStudio o VSCode a preferencia de cadascú.

Un cop configurat crearem un nou projecte:

Crear nou project amb flutter

Li donem a flutter aplication

Localització del projecte i nom/descripció de la app

Podrem especificar si volem suport a kotlin o swift si volem programar amb codi natiu directe per casos excepcionals

Ara ens genera molt de codi el qual es pot resumir en:

Ara passarem a veure que fa aquest codi primer de tot arranquem la app a un emulador:

Aqui podrem veure una pantalla ben simple amb dos textos un damunt de l’altre aixo es el que esdevé una columna. També hi ha un floatingActionButton que va lligat a la pagina.

A Flutter hi ha el concepte d’estat que es el que fa que es canvis que fem refresquin la vista

Si treiem aquestes linies i les substituim per exemple amb un print verem que el valor a la app no s’actualitza pero a la consola si

Ara es anar jugant amb els widgets que et proporciona el lleguatge a https://flutter.dev/docs/development/ui/widgets

Deixa un comentari

L'adreça electrònica no es publicarà. Els camps necessaris estan marcats amb *