Flutter ile mobil uygulama nasıl yapılır?

Flutter ile sıfırdan mobil uygulama geliştirmeyi öğrenin. Kurulum, proje oluşturma, arayüz tasarımı, test ve APK alma adımlarını tek rehberde keşfedin.

Mobil uygulama geliştirmek istiyor ama nereden başlayacağınızı bilmiyorsanız, Flutter günümüzde en pratik çözümlerden biridir. Tek kod tabanıyla hem Android hem iOS için uygulama geliştirebilirsiniz. Bu rehberde, sıfırdan Flutter kurulumundan ilk basit uygulamanızı çalıştırmaya kadar olan süreci adım adım anlatıyoruz.

Gerekenler listesi

• Orta seviye bilgisayar (Windows, macOS veya Linux)
• Stabil internet bağlantısı
• Flutter SDK (Flutter resmi sitesi üzerinden indirilebilir)
• Android Studio veya Visual Studio Code
• Android emulator veya gerçek Android cihaz
• (Tercihen) Google hesabı – ileride Google Play yayını için

Adım adım nasıl yapılır?

Adım 1: Flutter ve gerekli araçları kurun

• Flutter’ın resmi sitesine giderek (google’a “Flutter SDK download” yazabilirsiniz) işletim sisteminize uygun sürümü indirin.
• Sıkıştırılmış klasörü açın ve Flutter klasörünü C:\ veya benzeri bir dizine taşıyın (Windows için).
• Ortam değişkenine flutter/bin yolunu ekleyin ki komut satırından flutter komutunu kullanabilesiniz.
• Android Studio veya VS Code’u kurun.
• Android Studio kullanıyorsanız:

• • “SDK Manager” üzerinden Android SDK’yı,

  • “AVD Manager” üzerinden bir sanal cihaz (emulator) oluşturun.

Adım 2: Flutter doctor ile ortamı kontrol edin

• Komut satırını açın (Terminal / PowerShell / CMD).
• Şu komutu çalıştırın:
  flutter doctor
• Eksik olan bileşenleri (Android SDK, lisanslar, IDE eklentileri vb.) komut çıktısındaki yönlendirmelere göre tamamlayın.
• Tüm satırların yeşil tik veya en azından kritik hata içermediğinden emin olun.

Adım 3: Yeni Flutter projesi oluşturun

• Proje oluşturmak için komutta:
  flutter create ilk_uygulamam
• Oluşan klasöre girin:
  cd ilk_uygulamam
• Dilerseniz bu klasörü Android Studio veya VS Code ile açabilirsiniz.
• Projede en önemli dosya: lib/main.dart – uygulamanın başlangıç noktasıdır.

Adım 4: Proje yapısını anlayın

• android/: Android tarafı için yerel proje ayarları
• ios/: iOS tarafı için yerel proje ayarları
• lib/: Asıl Flutter (Dart) kodlarınız
• pubspec.yaml: Paketler, bağımlılıklar, uygulama adı ve versiyon gibi ayarlar
• İlk aşamada lib/main.dart ve pubspec.yaml dosyalarını tanımak yeterli olacaktır.

Adım 5: Basit bir arayüz (UI) oluşturun

• main.dart içinde oluşturulan örnek sayaç uygulamasını göreceksiniz.
• Kodu sadeleştirmek için, örneğin şöyle bir yapı kullanabilirsiniz (mantığı anlamak için):
• MaterialApp → Uygulama kabuğu
• Scaffold → Sayfa iskeleti (AppBar, body, FloatingActionButton vb.)
• Örneğin body kısmına basit bir metin ve buton ekleyip setState ile sayıyı artırabilirsiniz.
• Flutter’da her şey bir “widget” mantığıyla çalışır; metin, buton, kolon, satır vb. hepsi widget’tır.

Adım 6: Uygulamayı emulator veya gerçek cihazda çalıştırın

• Android Studio veya VS Code üzerinden bir emulator başlatın ya da USB ile gerçek cihaz bağlayın (USB hata ayıklama açık olmalı).
• Komuttan çalıştırmak için:
  flutter run
• IDE kullanıyorsanız “Run” butonu ile de çalıştırabilirsiniz.
• İlk derleme biraz uzun sürebilir; sonrasında daha hızlı olacaktır.

Adım 7: Paket ekleyerek uygulamayı zenginleştirin

• Daha gelişmiş özellikler için pub.dev üzerindeki paketleri kullanabilirsiniz.
• Örneğin internetten veri çekmek için http paketi gibi.
• pubspec.yaml içine paketi ekleyin ve flutter pub get komutunu çalıştırın.
• Ardından import ederek ilgili Dart dosyasında kullanabilirsiniz.

Adım 8: APK veya uygulama paketi oluşturun

• Android için test amaçlı bir APK oluşturmak için:
  flutter build apk --release
• Oluşan dosyayı build/app/outputs altındaki klasörlerde bulabilirsiniz.
• Bu APK’yı cihazınıza atarak kurup test edebilirsiniz.
• Mağaza yayını için ise imzalama, sürüm numarası ve Google Play Console ayarları gibi ek adımlar gerekecektir.

İpuçları ve sık yapılan hatalar

• Flutter doctor çıktısını ihmal etmeyin: Birçok problem, eksik SDK veya lisans onaylarından kaynaklanır.
• Emulator performansı düşükse: Gerçek cihazda test etmek daha hızlı ve stabildir.
• Hot reload kullanın: Küçük UI değişikliklerinde uygulamayı baştan derlemek yerine hot reload ile anında sonucu görebilirsiniz.
• Kod karmaşıklaştıkça dosyaları bölün: Tüm widget’ları tek dosyada toplamak projeyi yönetilemez hâle getirir.
• Paket sürümlerine dikkat edin: Çok eski veya çok yeni paket sürümleri, Flutter sürümünüzle uyumsuz olabilir.
• Dil ve bölge ayarları (locale): Özellikle Türkçe karakterlerde sorun yaşamamak için testlerinizi Türkçe cihaz diliyle de yapın.

Editör notu

Flutter ile mobil uygulama geliştirmek, özellikle tek kod tabanıyla hem Android hem iOS’a çıkmak isteyenler için büyük avantaj sağlar. İlk aşamada temel proje kurulumu ve basit bir arayüzle başlayıp, zamanla paketler, durum yönetimi ve yayın süreçlerine geçmeniz en sağlıklı ilerleyiş olacaktır.