Maak een eenvoudige "Hello World"-app vanuit het niets in Flutter - Ajarnpa

2024 Auteur: John Day | [email protected]. Laatst gewijzigd: 2024-01-30 11:14

Hallo jongens, ik heb Flutter-zelfstudie voor beginners gemaakt.

Als je nu wilt beginnen met de ontwikkeling van flutter, dan zal dit je helpen Flutter Tutorial voor beginners.

Stap 1: Inleiding

Flutter is de mobiele SDK van Google voor het in recordtijd maken van hoogwaardige native interfaces op iOS en Android. Flutter werkt met bestaande code, wordt gebruikt door ontwikkelaars en organisaties over de hele wereld en is gratis en open source. In dit codelab maak je een eenvoudige Flutter-app. Als u bekend bent met objectgeoriënteerde code en basisprogrammeerconcepten zoals variabelen, loops en conditionals, kunt u dit codelab voltooien. Je hebt geen eerdere ervaring met Dart of mobiel programmeren nodig.

Stap 2: Wat leer je in dit artikel

1) Hoe een flutter-omgeving op Windows in te stellen Installeer flutter op Windows.

2) Hoe een virtueel Android-apparaat te maken en te configureren.

3) Basiskennis van Flutter en Widgets.

4) Maak een basis-app "Hallo wereld".

Stap 3: Maak een Flutter-omgeving op Windows

Om een project te maken, moet u ervoor zorgen dat u de vereiste dingen voor flutter hebt geïnstalleerd.

Als je nog geen setup hebt gemaakt, ga dan door Install Flutter op Windows.

Stap 4: Maak en configureer Android Virtual Device (AVD)

Nadat u de installatie hebt gemaakt, moet u ervoor zorgen dat u één Android Virtual Device (AVD) hebt gemaakt. Als je dit nog niet hebt gemaakt of je hebt hier geen idee van, maak je dan geen zorgen, we hebben hier een oplossing voor, ook Android Virtual Device maken en configureren.

Stap 5: Ga door de basis van Flutter en Widgets

Voordat u begint, moet u het basisconcept van Flutter en Widgets begrijpen.

In bovenstaande video worden Widgets uitgelegd.

Behandelt beide soorten widgets

1) Stateful-widgets

2) Staatloze widget.

Ga via deze link om de basis te begrijpen.

Stap 6: Maak een basis-stateless "Hello World" -app

In bovenstaande video stap voor stap "Hello World" app ontwikkelen.

De volgende stappen worden behandeld in bovenstaande video:

1) Schrijf gewoon "Hello World" in huis.

2) Vervolgens met behulp van Stateless-widgets "Hello World" -tekst in één steiger toegevoegd.

3) Vervolgens AppBar gebruiken om die app een goed uiterlijk te geven.

Stap 7: Bedankt

Als je deze tutorial leuk vindt, abonneer je dan:)