a. Flutter SDK'sını Yükleme
Flutter SDK'yı indirin:
Flutter'ın resmi web sitesine gidin: Flutter SDK.
Kullandığınız işletim sistemine uygun Flutter SDK'sını indirin.
Kurulum:
Windows: İndirdiğiniz ZIP dosyasını istediğiniz bir dizine çıkartın (örneğin C:\src\flutter).
macOS: terminal kullanarak ZIP dosyasını çıkartın ve flutter/bin dizinine PATH ekleyin.
Linux: ZIP dosyasını çıkartıp flutter/bin dizinini PATH'e ekleyin.
PATH Ayarlama:
PATH ayarını yaptıktan sonra terminalde/komut satırında flutter yazarak Flutter SDK'nın yüklü olup olmadığını kontrol edin.
b. Android Studio ve Android SDK'yı Yükleme
Flutter, Android ve iOS platformları için geliştirme yapılmasını sağlar, dolayısıyla Android Studio da kurmanız gerekecek.
Android Studio'yu buradan indirin ve kurun.
Android SDK ve Android Emulator kurulumlarını Android Studio'nun "SDK Manager" kısmından tamamlayın.
c. iOS Geliştirme için Xcode (Sadece macOS)
macOS kullanıyorsanız, iOS geliştirme için Xcode'u App Store'dan indirin ve kurun.
Xcode kurulduktan sonra terminalde sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer komutunu çalıştırarak Xcode'u yapılandırın.
iOS simülatörleri de Xcode içinde kurulur.
d. VS Code veya Android Studio ile Geliştirme Ortamı
İsteğe bağlı olarak, VS Code kullanabilirsiniz. VS Code indirin ve kurun.
Flutter eklentisini (Flutter ve Dart) kurun.
Alternatif olarak Android Studio kullanabilirsiniz, bu da Dart ve Flutter eklentileriyle çalışır.
e. Flutter Doctor ile Kontrol
Terminale veya komut satırına flutter doctor yazarak Flutter kurulumunun eksiksiz olup olmadığını kontrol edin. Eksik olan herhangi bir bileşeni flutter doctor size bildirir.
Terminalde Yeni Proje Oluşturma:
Terminal veya komut satırını açın ve şu komutu çalıştırın:
flutter create hello_world
Bu, hello_world adında yeni bir Flutter projesi oluşturur.
Proje Dizini:
Proje dizinine geçiş yapın:
cd hello_world
Kodu Düzenleyici ile Açma:
VS Code veya Android Studio'da projeyi açabilirsiniz. Eğer VS Code kullanıyorsanız:
code .
a. Varsayılan Flutter "Counter" Demo Uygulaması
Flutter, otomatik olarak bir "Counter" demo uygulaması oluşturur. Bu, düğmeye her bastığınızda sayacı artıran basit bir uygulamadır.
b. Uygulamanın Çalıştırılması
Android Emulator veya iOS Simulator Başlatma:
Android Studio veya Xcode'da bir sanal cihaz (emulator) başlatın. Terminalde ise şu komutla listeyi görebilirsiniz:
flutter devices
Uygulamanın Çalıştırılması:
Aşağıdaki komut ile Flutter uygulamasını çalıştırın:
flutter run
Uygulamanız, seçtiğiniz cihazda çalışacaktır.
Flutter'da hızlı bir şekilde "Hello World" uygulaması oluşturmak için şu adımları takip edebilirsiniz:
lib/main.dart dosyasını açın ve içeriğini aşağıdaki kod ile değiştirin:
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 App'),
),
body: Center(
child: Text('Hello, World!'),
),
),
);
}
}
Bu kod, ekranın ortasında "Hello, World!" yazısını gösterecek basit bir uygulamadır.
Uygulamayı terminalde tekrar çalıştırın:
flutter run