Δημιουργήστε τη βασική εφαρμογή "Hello World" από το Scratch στο Flutter: 7 βήματα

2024 Συγγραφέας: John Day | [email protected]. Τελευταία τροποποίηση: 2024-01-30 08:32

Γεια σας παιδιά, δημιούργησα το Flutter Tutorial for Beginners.

Εάν θέλετε να ξεκινήσετε την ανάπτυξη του πτερυγισμού τώρα, αυτό θα σας βοηθήσει με το Flutter Tutorial for Beginners.

Βήμα 1: Εισαγωγή

Το Flutter είναι το SDK για κινητά της Google για τη δημιουργία εγγενών διεπαφών υψηλής ποιότητας σε iOS και Android σε χρόνο ρεκόρ. Το Flutter λειτουργεί με τον υπάρχοντα κώδικα, χρησιμοποιείται από προγραμματιστές και οργανισμούς σε όλο τον κόσμο και είναι δωρεάν και ανοιχτού κώδικα. Σε αυτό το codelab, θα δημιουργήσετε μια απλή εφαρμογή Flutter. Εάν είστε εξοικειωμένοι με τον αντικειμενοστρεφή κώδικα και τις βασικές έννοιες προγραμματισμού, όπως μεταβλητές, βρόχους και προϋποθέσεις, μπορείτε να συμπληρώσετε αυτόν τον κωδικό κώδικα. Δεν χρειάζεστε προηγούμενη εμπειρία με τον προγραμματισμό Dart ή για κινητά.

Βήμα 2: Τι θα μάθετε σε αυτό το άρθρο

1) Τρόπος ρύθμισης περιβάλλοντος πτερυγισμού στα Windows Εγκατάσταση πτερυγισμού στα Windows.

2) Πώς να δημιουργήσετε και να διαμορφώσετε εικονική συσκευή Android.

3) Βασική κατανόηση του Flutter και των Widgets.

4) Δημιουργήστε τη βασική εφαρμογή "Hello World".

Βήμα 3: Δημιουργήστε περιβάλλον Flutter στα Windows

Για να δημιουργήσετε έργο, βεβαιωθείτε ότι έχετε εγκαταστήσει τα απαιτούμενα πράγματα για το flutter.

Εάν δεν έχετε δημιουργήσει ακόμα ρύθμιση, παρακαλώ περάστε από το Install Flutter στα Windows.

Βήμα 4: Δημιουργία και διαμόρφωση εικονικής συσκευής Android (AVD)

Μόλις δημιουργήσετε τη ρύθμιση, βεβαιωθείτε ότι έχετε δημιουργήσει μία εικονική συσκευή Android (AVD). Εάν δεν έχετε δημιουργήσει ακόμα ή δεν έχετε ιδέα για αυτό, μην ανησυχείτε ότι έχουμε λύση και για αυτήν τη δημιουργία και διαμόρφωση εικονικής συσκευής Android.

Βήμα 5: Πηγαίνετε μέσω του Basic of Flutter and Widgets

Πριν ξεκινήσετε, πρέπει να κατανοήσετε τη βασική έννοια του Flutter and Widgets.

Στο παραπάνω βίντεο εξηγούνται τα γραφικά στοιχεία.

Καλύπτει και τους δύο τύπους Widgets

1) Widgets κρατικής κατάστασης

2) Widget χωρίς ιθαγένεια.

Μεταβείτε σε αυτόν τον σύνδεσμο για να κατανοήσετε τα βασικά.

Βήμα 6: Δημιουργήστε τη βασική εφαρμογή "Hello World" χωρίς κράτος

Στο παραπάνω βίντεο, βήμα προς βήμα, αναπτύξτε την εφαρμογή "Hello World".

Τα παρακάτω βήματα καλύπτονται στο παραπάνω βίντεο:

1) Απλά γράψτε "Hello World" στο σπίτι.

2) Στη συνέχεια, χρησιμοποιώντας widgets χωρίς κράτος πρόσθεσε κείμενο "Hello World" σε ένα Scaffold.

3) Στη συνέχεια, χρησιμοποιώντας το AppBar δίνοντας σε αυτήν την εφαρμογή μια σωστή εμφάνιση.

Βήμα 7: Ευχαριστώ

Αν σας αρέσει αυτό το σεμινάριο, τότε εγγραφείτε:)