Utwórz podstawową aplikację „Hello World” od podstaw we Flutterze: 7 kroków
Utwórz podstawową aplikację „Hello World” od podstaw we Flutterze: 7 kroków

Spisu treści:

Anonim
Utwórz podstawowe
Utwórz podstawowe

Witam, stworzyłem samouczek Flutter dla początkujących.

Jeśli chcesz teraz rozpocząć rozwój fluttera, pomoże Ci to samouczek Flutter dla początkujących.

Krok 1: Wprowadzenie

Wstęp
Wstęp

Flutter to mobilny pakiet SDK firmy Google do tworzenia wysokiej jakości natywnych interfejsów w systemach iOS i Android w rekordowym czasie. Flutter działa z istniejącym kodem, jest używany przez programistów i organizacje na całym świecie oraz jest darmowy i open source. W tym laboratorium kodowania utworzysz prostą aplikację Flutter. Jeśli znasz kod obiektowy i podstawowe koncepcje programowania, takie jak zmienne, pętle i warunki warunkowe, możesz ukończyć to laboratorium. Nie potrzebujesz wcześniejszego doświadczenia z Dart lub programowaniem mobilnym.

Krok 2: Czego dowiesz się z tego artykułu

1) Jak skonfigurować środowisko flutter w systemie Windows Zainstaluj flutter w systemie Windows.

2) Jak utworzyć i skonfigurować urządzenie wirtualne z systemem Android.

3) Podstawowe zrozumienie Fluttera i Widgetów.

4) Utwórz podstawową aplikację „Hello World”.

Krok 3: Utwórz środowisko Flutter w systemie Windows

Aby stworzyć projekt, upewnij się, że masz zainstalowane wymagane rzeczy.

Jeśli nie utworzyłeś jeszcze konfiguracji, przejdź do instalacji Flutter w systemie Windows.

Krok 4: Utwórz i skonfiguruj urządzenie wirtualne Android (AVD)

Po utworzeniu konfiguracji upewnij się, że utworzyłeś jedno urządzenie wirtualne z systemem Android (AVD). Jeśli jeszcze nie stworzyłeś lub nie masz pojęcia o tym, nie martw się, mamy na to rozwiązanie również Utwórz i skonfiguruj urządzenie wirtualne Android.

Krok 5: Przejdź przez podstawy Flutter i widżetów

Zanim zaczniesz, musisz zrozumieć podstawową koncepcję Fluttera i Widgetów.

W powyższym filmie wyjaśniono widżety.

Obejmował oba rodzaje widżetów

1) Widgety stanowe

2) Widget bezstanowy.

Przejdź przez ten link, aby zrozumieć podstawowe.

Krok 6: Utwórz podstawową bezstanową aplikację „Hello World”

W powyższym filmie krok po kroku aplikacja "Hello World" rozwija się.

Poniższe kroki zostały omówione w powyższym filmie:

1) Po prostu napisz „Hello World” w domu.

2) Następnie za pomocą widżetów bezstanowych dodano tekst „Hello World” w jednym Scaffold.

3) Następnie użyj AppBar, aby nadać tej aplikacji odpowiedni wygląd.

Krok 7: Dziękuję…

Jeśli podoba Ci się ten samouczek, zasubskrybuj:)