Creeu l'aplicació bàsica "Hello World" des de zero a Flutter: 7 passos

2024 Autora: John Day | [email protected]. Última modificació: 2024-01-30 08:11

Hola nois, he creat Flutter Tutorial per a principiants.

Si voleu començar a desenvolupar el flutter ara, això us ajudarà a Flutter Tutorial per a principiants.

Pas 1: Introducció

Flutter és l’SDK mòbil de Google per crear interfícies natives d’alta qualitat a iOS i Android en un temps rècord. Flutter funciona amb el codi existent, és utilitzat per desenvolupadors i organitzacions de tot el món i és de codi obert i gratuït. Si coneixeu el codi orientat a objectes i els conceptes bàsics de programació com ara variables, bucles i condicionals, podeu completar aquest codelab. No necessiteu experiència prèvia amb la programació de Dart ni per a mòbils.

Pas 2: què aprendreu en aquest article

1) Com configurar l'entorn de flutter al Windows Instal·leu flutter al Windows.

2) Com crear i configurar un dispositiu virtual d'Android.

3) Comprensió bàsica de Flutter i Widgets.

4) Creeu l'aplicació bàsica "Hello World".

Pas 3: Creeu un entorn Flutter al Windows

Per crear un projecte, assegureu-vos que heu instal·lat les coses necessàries per a Flutter.

Si encara no heu creat la configuració, consulteu Instal·lar Flutter al Windows.

Pas 4: Creeu i configureu un dispositiu virtual d'Android (AVD)

Un cop hàgiu creat la configuració, assegureu-vos que heu creat un dispositiu virtual d'Android (AVD). Si encara no ho heu creat o no en teniu ni idea, no us preocupeu, també tenim la solució per a això Crear i configurar un dispositiu virtual Android.

Pas 5: passeu per Basic Flutter i Widgets

Abans de començar, heu d’entendre el concepte bàsic de Flutter i Widgets.

Al vídeo anterior s'expliquen els ginys.

Cobert ambdós tipus de widgets

1) Ginys amb estat

2) Giny sense estat.

Consulteu aquest enllaç per entendre els conceptes bàsics.

Pas 6: Creeu l'aplicació bàsica "Hello World" sense estat

Al vídeo anterior es desenvolupen pas a pas l'aplicació "Hello World".

Els passos següents es detallen al vídeo anterior:

1) Simplement escriviu "Hello World" a casa.

2) A continuació, amb ginys sense estat es va afegir el text "Hello World" en un cadafal.

3) A continuació, feu servir AppBar per donar-li un aspecte adequat a aquesta aplicació.

Pas 7: Gràcies

Si us agrada aquest tutorial, subscriviu-vos:)