Rehber Flutter ile Mobil Uygulama Geliştirme: Başlangıç Rehberi

Flutter Nedir?​

Flutter’ın Avantajları​

• Çapraz Platform Desteği: Tek kod tabanıyla iOS, Android, web ve masaüstü uygulamaları geliştirebilirsiniz.
• Hızlı Geliştirme: Hot Reload özelliği ile kod değişikliklerini anında görebilirsiniz.
• Zengin Widget Kütüphanesi: Özelleştirilebilir ve hazır widget’lar ile hızlıca profesyonel arayüzler oluşturabilirsiniz.
• Yerel Performans: Flutter, doğrudan cihazın grafik motoruyla iletişim kurarak yüksek performans sağlar.
• Güçlü Topluluk ve Destek: Google’ın desteği ve geniş geliştirici topluluğu ile sürekli güncellenen bir ekosistem.

Flutter Kurulumu​

1. Sistem Gereksinimleri​

• İşletim Sistemi: Windows (7 SP1 veya sonrası), macOS veya Linux.
• Depolama: Yaklaşık 2.8 GB boş alan (IDE ve emülatörler hariç).
• Araçlar: Git, bir IDE (ör. Visual Studio Code veya Android Studio) ve Flutter SDK.

2. Flutter SDK Kurulumu​

1. Bağlantılar ziyaretçiler için gizlenmiştir, görmek için Giriş yap veya üye ol.
   Flutter SDK’yı indirin.
2. SDK’yı bir klasöre çıkarın (ör. C:\flutter veya ~/flutter).
3. PATH ortam değişkenine Flutter’ı ekleyin:
   • Windows’ta: flutter\bin yolunu ekleyin.
   • macOS/Linux’ta: ~/.bashrc veya ~/.zshrc dosyasına export PATH="$PATH:~/flutter/bin" satırını ekleyin.
4. Terminalde flutter doctor komutunu çalıştırarak eksik bağımlılıkları kontrol edin ve kurun.

3. IDE Kurulumu​

• Android Studio: Android geliştirme araçlarını içerir ve emülatör desteği sunar.
• VS Code: Hafif ve esnek bir seçenektir; Flutter eklentisini yükleyin.

4. Android ve iOS Geliştirme Ortamı​

• Android: Android Studio ile Android SDK’yı kurun ve bir emülatör veya fiziksel cihaz bağlayın.
• iOS: macOS üzerinde Xcode’u kurun ve iOS simülatörünü yapılandırın.

Flutter ile İlk Uygulamanızı Oluşturma​

1. Yeni Bir Proje Oluşturma​

flutter create my_first_app

2. Proje Yapısını Anlama​

• lib/main.dart: Uygulamanın ana giriş noktası.
• pubspec.yaml: Proje bağımlılıklarını ve yapılandırmalarını tanımlayan dosya.
• android/ ve ios/: Platforma özgü yapılandırma dosyaları.

3. İlk Uygulamanızı Çalıştırma​

1. Bir emülatör başlatın veya cihaz bağlayın.
2. Proje klasörüne gidin:
   
   Bash:

   cd my_first_app

   
   
3. Uygulamayı çalıştırın:
   
   Bash:

   flutter run

Flutter’da Temel Kavramlar​

1. Widget’lar​

• StatelessWidget: Değişmeyen statik içerikler için kullanılır.
• StatefulWidget: Dinamik, değişken içerikler için kullanılır.

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('Merhaba Flutter'),
        ),
        body: Center(
          child: Text('İlk Uygulamam!'),
        ),
      ),
    );
  }
}

2. Hot Reload​

3. State Yönetimi​

class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  int _counter = 0;

  void _incrementCounter() {
    setState(() {
      _counter++;
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Text('Sayaç: $_counter'),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: _incrementCounter,
        child: Icon(Icons.add),
      ),
    );
  }
}

Flutter ile Uygulama Geliştirme İpuçları​

1. Widget Kütüphanesini Keşfedin: Material ve Cupertino widget’ları ile platforma özgü tasarımlar yapabilirsiniz.
2. Paket Kullanımı: pub.dev üzerinden http, provider, flutter_spinkit gibi popüler paketleri projenize ekleyin.
3. Hata Ayıklama: flutter doctor ve DevTools ile hataları kolayca tespit edin.
4. Performans Optimizasyonu: Gereksiz widget yeniden oluşturmalarını önlemek için const anahtar kelimesini kullanın.
5. Topluluk Kaynakları:
   Bağlantılar ziyaretçiler için gizlenmiştir, görmek için Giriş yap veya üye ol.
   ve Türkçe kaynaklar için Flutter Türkiye gibi siteleri ziyaret edin.

Sonuç​