Flutter, Google tarafından geliştirilmiş açık kaynaklı bir mobil uygulama geliştirme SDK’sıdır. Android ve iOS platformlarında uygulamalar geliştirmeyi kolaylaştırır. Flutter kurulumuna başlamadan önce sisteminizde gerekli olan bazı gereksinimleri karşılamanız gerekir.
Bu rehberde, Flutter’ı adım adım nasıl kuracağınızı anlatacağım.
Flutter’ı kurmadan önce sisteminizin aşağıdaki gereksinimleri karşıladığından emin olun:
- Windows: Windows 7 veya daha yeni bir sürüm.
- macOS: macOS 10.14.4 veya daha yeni bir sürüm.
- Linux: 64-bit bir dağıtım (Ubuntu tercih edilir).
- Disk Alanı: Flutter SDK’sı ve uygulama geliştirme araçları için yaklaşık 1.5 GB boş disk alanı gereklidir.
Flutter’ı kurarken aşağıdaki yazılımlar da gereklidir:
- Git: Git sürüm kontrol sistemi gereklidir.
- Android Studio: Android uygulama geliştirmek için gereklidir.
- Xcode (macOS için): iOS uygulamaları geliştirmek için gereklidir (macOS’ta).
- Visual Studio Code (VSCode) veya başka bir IDE (Flutter için önerilen IDE’lerden biri).
Flutter SDK’sını indirip kurmak için şu adımları izleyin:
- Flutter SDK’sını Flutter’ın resmi web sitesinden indirebilirsiniz.
- Platformunuza uygun olan Flutter sürümünü seçin:
- Windows:
flutter_windows_vx.x.x-stable.zipdosyasını indirin. - macOS:
flutter_macos_vx.x.x-stable.zipdosyasını indirin. - Linux:
flutter_linux_vx.x.x-stable.tar.xzdosyasını indirin.
- İndirdiğiniz dosyayı bir klasöre çıkarın. Örneğin:
- Windows: C:\flutter
- macOS/Linux: ~/flutter
Flutter’ı her yerden çalıştırabilmek için ortam değişkenini ayarlamak gereklidir.
- Başlat menüsünden “Sistem”i arayın ve “Sistem Özellikleri”ni seçin.
- “Gelişmiş sistem ayarları”na tıklayın.
- “Ortam Değişkenleri”ne tıklayın.
5. “Sistem değişkenleri” altında “Path”i seçip “Düzenle”yi tıklayın.
6. “Yeni”yi tıklayın ve Flutter SDK’sının bin klasörünün yolunu ekleyin.
Başlamak için Komut İstemini açmamız gerekiyor. Windows’ta Komut İstemini açmak için arama çubuğuna cmd yazabiliriz.
Komut istemini açtıktan sonra, Flutter’ın doğru kurulduğundan emin olmak için şu komutu yazıp Enter tuşuna basalım:
flutter
Bu komut, Flutter ile ilgili bazı bilgiler gösteriyor olmalıdır. Eğer bu adımda herhangi bir hata almazsanız, Flutter doğru şekilde yüklenmiş demektir.
Flutter’ın eksik gereksinimlerini görmek için flutter doctor komutunu çalıştırıyoruz. Bu komut, kurulumun eksiksiz olup olmadığını kontrol eder.
flutter doctor
Bu komutu çalıştırdıktan sonra, Flutter’ın yüklü olduğunu ama Android araçlarının eksik olduğunu görebilirsiniz. Bu durumda, eksik araçları yüklemek için Android Studio’yu yükleyeceğiz.
Flutter’ın Android geliştirme ortamını tam olarak kurabilmek için Android Studio’yu yüklememiz gerekiyor.
- Android Studio’yu bu linkten indiriyoruz.
- Yükleme tamamlandıktan sonra, Android Studio’yu açın.
- Sağ üst köşedeki SDK Manager simgesine tıklayın.
- Açılan pencerede Plugins sekmesine gidin.
- Flutter ve Dart eklentilerini aratıp yükleyin.
Android Studio aynı zamanda bir Android emülatörü de yükler. Emülatörü, Android uygulamalarını test etmek için kullanabiliriz.
Flutter geliştirme için Visual Studio Code (VS Code) kullanacağız. VS Code’u yüklemek için şu adımları izleyelim:
- Visual Studio Code’u bu linkten indiriyoruz.
- Yükleme tamamlandıktan sonra, VS Code’u açın.
- Sol menüdeki Extensions simgesine tıklayın.
- Flutter ve Dart eklentilerini aratıp yükleyin.
VS Code, Flutter ve Dart geliştirme için oldukça hızlı ve verimli bir editördür.
Flutter ile web üzerinde de geliştirme yapabiliriz. Ancak, web özelliklerinin bazı paketlerle uyumsuz olabileceğini unutmamalıyız. Flutter web’i aktifleştirmek için şu adımları izleyelim:
- Komut satırını açın ve sırasıyla şu komutları çalıştırın:
flutter channel beta
flutter upgrade
flutter config --enable-web
flutter doctor
Bu komutlarla Flutter’ın web desteğini etkinleştiriyoruz.
Yukarıdaki adımlarla Flutter Web’i aktifleştirdik. Şimdi, kullandığınız kod editörünü kapatıp yeniden açmalısınız. Bu, yapılan değişikliklerin aktif olmasını sağlar.
Flutter projesi oluşturmak için aşağıdaki adımları takip edelim:
- VS Code’da View sekmesinden Command Palette’ı açın.
2. Buraya Flutter: New Project yazmaya başlayın. Altında bu seçenek önerilecektir: Flutter: New Project.
3. Bu seçeneğe tıkladığınızda, sizden proje adı ve dosya kaydetme yeri istenecektir. Örneğin, proje adını merhabadunya olarak verebilir ve masaüstünde bir klasöre kaydedebilirsiniz.
4. Dosyalar oluşturulduktan sonra, Explorer simgesine tıklayarak proje dosyalarınızı görebilirsiniz.
Proje dosyalarınız oluşturulduktan sonra, lib klasörünün altındaki main.dart dosyasını açalım. Bu dosya, Flutter uygulamanızın başlangıç noktasıdır. Uygulama mantığını burada düzenleyeceğiz.
Tekrar VS Code’a dönelim. Şimdi, Flutter projesi için bir cihaz seçmemiz gerekiyor:
- Command Palette’ı açın ve Flutter: Select Device yazın.
- Chrome’u seçin. Bu şekilde, uygulamanız Chrome tarayıcısında çalışacaktır.
Ardından, Run sekmesinden Start Debugging veya Run Without Debugging seçeneğini tıklayarak projeyi çalıştırabilirsiniz.