Flutter web nedir?

Flutter web'in canvas ve HTML renderer'larını öğrenirsin.

Flutter web nedir?

flutter_web, Flutter uygulamasını tarayıcıda çalıştırır. İki renderer seçeneği vardır: canvas (CanvasKit, yüksek performans) ve html (DOM, küçük boyut). wasm renderer da yeni nesil seçenektir.

// Çalıştırma
flutter run -d chrome --web-renderer canvas

canvas vs html

canvas renderer (CanvasKit) WebGL kullanır, yüksek performanslı ve görsel olarak mobildekiyle aynıdır. html renderer DOM elemanları kullanır, daha küçük başlangıç boyutu ama bazı görsel farklar vardır.

Uygulama Renderer listesi

main'de ['canvas', 'html', 'wasm'] listesi tanımla. Listenin ilk elemanını print ile yazdır.

Örnek çözümü göster

void main() {
  final renderers = ['canvas', 'html', 'wasm'];
  print(renderers.first);
}

Kendini test et

Flutter web hangi iki renderer ile çalışabilir?
- Skia ve OpenGL
- canvas ve html
- iOS ve Android
- Vulkan ve Metal
Cevabı göster

canvas ve html — Flutter web canvas (CanvasKit) ve html renderer ile çalışır; iOS/Android mobil, Vulkan/Metal grafik API, Skia/OpenGL ise iç grafik motorudur.

canvas renderer seç

flutter run -d chrome --web-renderer ____

Cevabı göster

flutter run -d chrome --web-renderer canvas

Flutter web renderer eşleşmeleri

flutter_web

Web platformu
canvas

CanvasKit renderer
html

DOM renderer
wasm

Yeni nesil renderer

Sıradaki ders: flutter build web

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler