Web ve mobil farkı

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.

Örnek çözümü göster

import 'package:flutter/foundation.dart';

void main() {
  final isWeb = kIsWeb;
  print(isWeb);
}

Kendini test et

kIsWeb neyi bildirir?
- Ekran çözünürlüğü
- Uygulamanın boyutunu
- Uygulama web'de mi çalıştığını
- Cihazın modelini
Cevabı göster

Uygulama web'de mi çalıştığını — 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.

kIsWeb kontrolü

if (____) {
  // web kodu
}

Cevabı göster

if (kIsWeb) {
  // web kodu
}

Web ve mobil farkı eşleşmeleri

platform

Hedef ortam
kIsWeb

Web kontrolü
adapter

Platform köprüsü
mobil

Dokunma olayı

Sıradaki ders: Özet - Flutter web

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler