Lag en grunnleggende "Hello World" -app fra bunnen av i flagren: 7 trinn

2024 Forfatter: John Day | [email protected]. Sist endret: 2024-01-30 11:21

Hei folkens, jeg har laget Flutter Tutorial for Beginners.

Hvis du vil begynne å utvikle flutter nå, vil dette hjelpe deg med Flutter Tutorial for Beginners.

Trinn 1: Introduksjon

Flutter er Googles mobile SDK for å lage innfødte grensesnitt av høy kvalitet på iOS og Android på rekordtid. Flutter fungerer med eksisterende kode, brukes av utviklere og organisasjoner rundt om i verden, og er gratis og åpen kildekode. I denne kodelappen lager du en enkel Flutter -app. Hvis du er kjent med objektorientert kode og grunnleggende programmeringskonsepter som variabler, sløyfer og betingelser, kan du fullføre denne kodelappen. Du trenger ikke tidligere erfaring med Dart eller mobil programmering.

Trinn 2: Hva du lærer i denne artikkelen

1) Slik konfigurerer du flutter -miljø på Windows Installer flutter på Windows.

2) Hvordan lage og konfigurere Android Virtual Device.

3) Grunnleggende forståelse av Flutter og Widgets.

4) Lag en grunnleggende "Hello World" -app.

Trinn 3: Lag Fluttermiljø på Windows

For å lage et prosjekt må du kontrollere at du har installert ting som kreves av flutter.

Hvis du ikke har opprettet oppsett ennå, kan du gå gjennom Install Flutter på Windows.

Trinn 4: Opprett og konfigurer Android Virtual Device (AVD)

Når du har opprettet oppsettet, må du kontrollere at du har opprettet en Android Virtual Device (AVD). Hvis du ikke har opprettet ennå, eller du ikke har peiling på dette, så ikke bekymre deg, vi har løsning for dette også Opprett og konfigurer Android Virtual Device.

Trinn 5: Gå gjennom Basic for Flutter og Widgets

Før du starter må du forstå det grunnleggende konseptet om Flutter og Widgets.

I videoen ovenfor forklares widgets.

Dekket begge typer widgets

1) Stateful Widgets

2) Stateless Widget.

Gå gjennom denne lenken for å forstå grunnleggende.

Trinn 6: Lag en grunnleggende statløs "Hello World" -app

I videoen ovenfor blir trinnvis "Hello World" -appen utviklet.

Følgende trinn blir dekket i videoen ovenfor:

1) Bare skriv "Hei verden" hjemme.

2) Deretter brukte du statsløse widgets til "Hello World" -teksten i ett stillas.

3) Deretter bruker du AppBar og gir appen et skikkelig utseende.

Trinn 7: Takk

Hvis du liker denne opplæringen, må du abonnere:)