Flutter nedir?
- Flutter kursu
- Başlangıç
- Ders 1/99
- 4 dk
Flutter'ın Google tarafından geliştirilen cross-platform UI toolkit olduğunu öğrenirsin.
Flutter nedir?
Flutter, Google tarafından geliştirilen açık kaynak bir UI toolkit'tir. Tek bir kod tabanıyla iOS, Android, web ve masaüstü için uygulama üretirsin. Uygulama arayüzü widget adı verilen yeniden kullanılabilir blokların iç içe geçmesiyle kurulur.
import 'package:flutter/material.dart';
void main() {
runApp(Center(child: Text('Merhaba Flutter')));
}Widget'lar
Flutter'da ekrandaki her şey bir widget'tır: düğmeler, metinler, hizalamalar, hatta uygulamanın kendisi. Widget'lar iç içe geçerek bir ağaç (widget tree) oluşturur. StatelessWidget değişmeyen arayüzler için, StatefulWidget kullanıcı etkileşimiyle değişen arayüzler için kullanılır.
Center(
child: Text('Sayaç: 0'),
)Uygulama İlk Flutter uygulaman
main fonksiyonu içinde önce print('Flutter çalışıyor') ile mesaj yazdır, sonra runApp ile Center widget'ı içine alınmış Text('Merhaba') widget'ını çalıştır.
Başlangıç kodu
import 'package:flutter/material.dart';
void main() {
// önce print ile mesaj yazdır
// sonra runApp ile Text widget'ını çalıştır
}Örnek çözüm
import 'package:flutter/material.dart';
void main() {
print('Flutter çalışıyor');
runApp(Center(child: Text('Merhaba')));
}Beklenen çıktı
Flutter çalışıyor
Soru ve cevaplar
Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.
1 Flutter hangi amaçla geliştirilmiştir?
- Yalnızca Android uygulamaları yazmak
- Sunucu tarafı web hizmetleri yayınlamak
- Veritabanı yönetim sistemi sağlamak
- Tek kod tabanıyla birden çok platformda arayüz üretmek Doğru cevap
Açıklama: Flutter bir UI toolkit'tir; tek kod tabanından mobil, web ve masaüstü arayüzleri üretir.
2 Uygulamayı çalıştır
import 'package:flutter/material.dart';
void main() {
____(Center(child: Text('Selam')));
}import 'package:flutter/material.dart';
void main() {
runApp(Center(child: Text('Selam')));
}Açıklama: Flutter uygulamasını ekrana bağlayan kök fonksiyon runApp'tır.
3 Flutter kavramları
| Kavram | Anlamı |
|---|---|
Google |
Flutter'ı geliştiren şirket |
cross-platform |
Tek kod, birden çok platform |
widget |
Arayüzün yapı taşı |
Dart |
Flutter'ın kullandığı dil |