Web ve mobil farkı
- Flutter kursu
- Uzman seviye
- Ders 29/39
- 4 dk
Web ve mobil platform davranış farklarını öğrenirsin.
Web ve mobil farkı
kIsWeb, uygulamanın web'de çalışıp çalışmadığını söyleyen sabit bir bool'dur. platform farklarını yönetmek için bir adapter kullanırsın; örneğin web'de fare, mobilde dokunma olayları farklı işlenir.
import 'package:flutter/foundation.dart';
if (kIsWeb) {
// web'e özel kod
} else {
// mobil kod
}adapter pattern
Farklı platformlarda aynı arayüzü kullanmak için bir adapter yazarsın. Adapter, platforma göre doğru implementasyonu seçer; örneğin web'de MouseEvent, mobilde TapEvent işlenir.
Uygulama kIsWeb kontrolü
main'de isWeb değişkenine kIsWeb ata ve yazdır.
Başlangıç kodu
import 'package:flutter/foundation.dart';
void main() {
// web durumunu foundation'dan alıp isWeb değişkenine ata
// yazdır
}Örnek çözüm
import 'package:flutter/foundation.dart';
void main() {
final isWeb = kIsWeb;
print(isWeb);
}Beklenen çıktı
false
Soru ve cevaplar
Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.
1 kIsWeb neyi bildirir?
- Ekran çözünürlüğü
- Uygulamanın boyutunu
- Uygulama web'de mi çalıştığını Doğru cevap
- Cihazın modelini
Açıklama: kIsWeb, uygulamanın web platformunda çalışıp çalışmadığını söyleyen sabit bir bool'dur; boyut, model ve çözünürlük kIsWeb'in işi değildir.
2 kIsWeb kontrolü
if (____) {
// web kodu
}if (kIsWeb) {
// web kodu
}Açıklama: kIsWeb, flutter/foundation'dan gelen sabit bool'dur; isWeb, web ve onWeb dart:ffi'de veya flutter'da geçerli sabit değildir.
3 Web ve mobil farkı eşleşmeleri
| Kavram | Anlamı |
|---|---|
platform |
Hedef ortam |
kIsWeb |
Web kontrolü |
adapter |
Platform köprüsü |
mobil |
Dokunma olayı |