main ve runApp
- Flutter kursu
- Başlangıç
- Ders 8/99
- 4 dk
main fonksiyonunun runApp ile MaterialApp'i nasıl bağladığını öğrenirsin.
main ve runApp
Her Flutter uygulamasının girişi main fonksiyonudur. main içinde runApp çağrılır ve uygulamanın kök widget'ı ekrana bağlanır. Kök widget genelde MaterialApp veya CupertinoApp'tir; bunlar tema, yönlendirme ve Material/Cupertino bileşenlerini sağlar.
import 'package:flutter/material.dart';
void main() {
runApp(
MaterialApp(
home: Text('Merhaba'),
),
);
}MaterialApp'in görevi
MaterialApp, uygulamaya Material Design temasını, başlık çubuğunu, yönlendirme altyapısını ve temel tema ayarlarını kazandırır. home parametresi uygulamanın açılış ekranını belirler. MaterialApp kullanmazsan Text gibi widget'lar varsayılan stillerden yoksun kalır.
MaterialApp(
title: 'İlk Uygulama',
home: Scaffold(
appBar: AppBar(title: Text('Başlık')),
body: Center(child: Text('Merhaba')),
),
)Uygulama MaterialApp ile başlat
main içinde önce print('basladi') çağrısı yaz, sonra runApp ile MaterialApp çağır; home parametresi Text('Selam') olsun.
Başlangıç kodu
import 'package:flutter/material.dart';
void main() {
// önce bir başlangıç mesajı yazdır
// sonra runApp ile bir MaterialApp çağır, home parametresi Text olsun
}Örnek çözüm
import 'package:flutter/material.dart';
void main() {
print('basladi');
runApp(MaterialApp(home: Text('Selam')));
}Beklenen çıktı
basladi
Soru ve cevaplar
Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.
1 runApp'a genelde hangi widget kök olarak verilir?
- ListView
- Column
- Scaffold
- MaterialApp Doğru cevap
Açıklama: Kök widget genelde MaterialApp'tir; Scaffold ve Column onun altında yer alır.
2 Kök widget'ı bağla
runApp(
____(
home: Text('Selam'),
),
);runApp(
MaterialApp(
home: Text('Selam'),
),
);Açıklama: Kök widget genelde MaterialApp'tir; tema ve yönlendirme sağlar.
3 main, runApp, MaterialApp
| Kavram | Anlamı |
|---|---|
main |
Uygulamanın giriş noktası |
runApp |
Kök widget'ı ekrana bağlar |
MaterialApp |
Material tema ve yönlendirme sağlar |
home |
Açılış ekranını belirler |