Opret grundlæggende "Hello World" -app fra bunden i flagren: 7 trin

2024 Forfatter: John Day | [email protected]. Sidst ændret: 2024-01-30 08:26

Hej fyre, jeg har oprettet Flutter Tutorial for Beginners.

Hvis du vil starte flutterudvikling nu, hjælper dette dig med Flutter Tutorial for begyndere.

Trin 1: Introduktion

Flutter er Googles mobile SDK til at lave native grænseflader af høj kvalitet på iOS og Android på rekordtid. Flutter fungerer med eksisterende kode, bruges af udviklere og organisationer rundt om i verden og er gratis og open source. I denne codelab opretter du en simpel Flutter -app. Hvis du er fortrolig med objektorienteret kode og grundlæggende programmeringskoncepter såsom variabler, sløjfer og betingelser, kan du fuldføre denne codelab. Du behøver ikke tidligere erfaring med Dart eller mobil programmering.

Trin 2: Hvad du lærer i denne artikel

1) Sådan opsættes flutter -miljø på Windows Installer flutter på Windows.

2) Sådan oprettes og konfigureres Android virtuel enhed.

3) Grundlæggende forståelse for Flutter og Widgets.

4) Opret grundlæggende "Hello World" app.

Trin 3: Opret Flutter -miljø på Windows

For at oprette et projekt skal du sørge for at have installeret flutter nødvendige ting.

Hvis du ikke har oprettet opsætning endnu, skal du gå igennem Install Flutter på Windows.

Trin 4: Opret og konfigurer Android Virtual Device (AVD)

Når du har oprettet opsætning, skal du sørge for at have oprettet en Android Virtual Device (AVD). Hvis du ikke har oprettet endnu, eller du ikke har en idé om dette, så rolig, vi har en løsning til dette også Opret og konfigurer Android Virtual Device.

Trin 5: Gå igennem Grundlæggende om Flutter og Widgets

Inden start skal du forstå det grundlæggende koncept for Flutter og Widgets.

I videoen ovenfor forklares widgets.

Dækkede begge typer widgets

1) Stateful Widgets

2) Stateless Widget.

Gå gennem dette link for at forstå det grundlæggende.

Trin 6: Opret Basic Stateless "Hello World" -app

I videoen ovenfor udvikles trin for trin "Hello World" -appen.

Følgende trin dækkes i ovenstående video:

1) Skriv blot "Hej verden" derhjemme.

2) Derefter tilføjede "Hej verden" tekst ved hjælp af statsløse widgets i et stillads.

3) Brug derefter AppBar for at give den app et ordentligt udseende.

Trin 7: Tak

Hvis du kan lide denne vejledning, kan du abonnere:)