İlk Flutter Tətbiqiniz: "Hello, World!" ilə Başlamaq

Flutter, Google tərəfindən hazırlanmış, Dart dilinə əsaslanan bir mobil tətbiq inkişaf etdirmə çərçivəsidir. Flutter ilə həm iOS, həm də Android üçün bir dəfə kod yazaraq tətbiq yaratmaq mümkündür. Bu təlimatda, ilk Flutter tətbiqinizi yaratmaq üçün addım-addım rəhbərlik edəcəyik və məşhur "Hello, World!" tətbiqini necə hazırlayacağınızı göstərəcəyik.

1. Flutter və Dart Alətlərini Qurmaq

İlk addım olaraq, Flutter inkişaf mühitinizi qurmaq lazımdır. Bunun üçün aşağıdakıları etməlisiniz:

a. Flutter SDK-nı Yükləyin

Flutter SDK-nı buradan yükləyin.
Sisteminizə uyğun versiyanı seçin (Windows, macOS və ya Linux).
SDK yükləndikdən sonra Flutter SDK qovluğunu istədiyiniz yerə çıxarın.

b. PATH Dəyişkisini Konfiqurasiya Edin

Flutter SDK-ya sistemdən asanlıqla daxil olmaq üçün PATH mühit dəyişkisini qurmaq lazımdır:

Flutter SDK-nı çıxardığınız qovluğun tam yolunu alın.
Bu yolu sisteminizin PATH dəyişkisinə əlavə edin.

c. IDE Yükləyin

Flutter tətbiqləri üçün ən uyğun IDE-lər bunlardır:

Visual Studio Code (VS Code)
Android Studio

Hər iki IDE-də də Flutter və Dart plaginlərini əlavə etməklə asanlıqla Flutter inkişafı edə bilərsiniz.

VS Code üçün Flutter və Dart genişləndirmələrini yükləyin.
Android Studio üçün Flutter Plugin-i əlavə edin.

d. Flutter SDK-nı Yoxlayın

Terminalda aşağıdakı əmri işlədərək Flutter mühitinizi yoxlayın:

flutter doctor

Bu əmrlə Flutter SDK-nın quraşdırılması ilə bağlı hər hansı bir problemi yoxlayacaq və lazımi addımları göstərəcək. flutter doctor nəticəsində hər şeyin yaşıl olduğunu görsəniz, deməli hazırıq!

2. İlk Flutter Layihəsini Yaradın

İndi Flutter tətbiqinizi yarada bilərsiniz. Aşağıdakı addımları izləyərək ilk Flutter tətbiqinizi yaradaq:

a. Yeni Flutter Tətbiqi Yaradın

Komanda xəttində aşağıdakı əmri yazaraq yeni bir Flutter layihəsi yaradın:

flutter create hello_world

Bu əmr hello_world adlı yeni bir Flutter layihəsi yaradacaq. Yeni layihə avtomatik olaraq əsas lazımi faylları və qovluqları yaradacaq.

b. Layihə Qovluğuna Keçin

Yaradılan layihə qovluğuna keçin:

cd hello_world

c. Layihəni IDE ilə Açın

İndi seçdiyiniz IDE-də (məsələn, VS Code və ya Android Studio) layihənizi açın.

3. "Hello, World!" Tətbiqini Yaratmaq

Flutter avtomatik olaraq minimal bir tətbiq yaradır. İndi biz bu tətbiqi "Hello, World!" tətbiqi ilə əvəz edəcəyik. Bunun üçün əsas lib/main.dart faylını dəyişdirək.

a. `lib/main.dart` Faylını Açın

Layihənin əsas kod faylı lib/main.dart-dır. Bu faylı açın və onun içindəki kodu aşağıdakı kodla əvəz edin:

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Hello, World!'),
        ),
        body: Center(
          child: Text('Hello, World!'),
        ),
      ),
    );
  }
}

Bu kod Flutter-ın əsas komponentlərindən istifadə edərək sadə bir "Hello, World!" tətbiqi yaradır:

MaterialApp: Flutter tətbiqlərinin əsasını təşkil edir və tətbiqin görünüşünü tənzimləmək üçün istifadə edilir.
Scaffold: Tətbiqin əsas interfeysi üçün təməl yaradır, bu elementdə AppBar, Body və s. yerləşdirilir.
AppBar: Tətbiq pəncərəsinin yuxarısında başlıq yaratmaq üçün istifadə olunur.
Center: Mərkəzləşdirilmiş mətn elementi göstərir.
Text: "Hello, World!" mətnini göstərən sadə mətn vidceti.

4. Tətbiqi İşə Salmaq

İndi tətbiqinizi işə salmaq vaxtıdır.

a. Emulator və ya Fiziki Cihaz Seçin

Android üçün Android emulatoru və ya iOS üçün iOS simulatorunu işə salın.
Alternativ olaraq, fiziki bir cihazı USB ilə bağlayıb onu işə sala bilərsiniz.

b. Tətbiqi İcra Etmək

Emulator və ya cihaz işə düşdükdən sonra aşağıdakı əmri işlədərək tətbiqinizi işə salın:

 flutter run

Bu əmrlə tətbiq işə düşəcək və cihazda və ya emulator/simulatorda "Hello, World!" tətbiqini görəcəksiniz.

5. Canlı Yeniləmə (Hot Reload)

Flutter-ın gözəl xüsusiyyətlərindən biri də "Hot Reload"-dur. Kodda hər hansı bir dəyişiklik etdikdən sonra tətbiqi yenidən başladanadək gözləmək lazım deyil. Sadəcə kodu saxlayın və tətbiq avtomatik olaraq yeni dəyişiklikləri tətbiq edəcək.

Təbriklər! İlk Flutter tətbiqinizi uğurla yaratdınız. Bu "Hello, World!" tətbiqi Flutter ilə işləməyə başlamaq üçün ideal bir addımdır. Növbəti mərhələlərdə daha mürəkkəb tətbiqlər yaratmaq üçün Flutter-ın geniş komponentlərini və xüsusiyyətlərini öyrənə bilərsiniz.

İlk Flutter Tətbiqiniz: "Hello, World!" ilə Başlamaq