1. LS 2.1 Ereignisverarbeitung

1.3. Bildschirmrotation erkennen

Bildschirmrotation erkennen

Um auf Änderungen der Bildschirmgröße zu reagieren, z. B. bei Drehung des Geräts, verwenden wir den Event-Listener Dimensions.addEventListener.

Beispielcode:

useEffect(() => { const subscription = Dimensions.addEventListener('change', ({ window }) => { setScreenWidth(window.width); }); return () => subscription?.remove(); // Cleanup }, []);

Erklärung:

  • Dimensions.addEventListener: Erkennt Veränderungen der Bildschirmgröße.
  • setScreenWidth: Aktualisiert den aktuellen Zustand der Bildschirmbreite.
  • Der useEffect-Hook führt diesen Code beim Starten der Komponente aus und sorgt auch dafür, dass der Listener beim Schließen wieder entfernt wird.

Allgemeine Datenschutzbestimmungen | Impressum
Herausgeber: Land Baden-Württemberg, vertreten durch das Zentrum für Schulqualität und Lehrerbildung (ZSL), Heilbronner Straße 314, 70469 Stuttgart, Telefon 0711/21859-0, poststelle@zsl.kv.bwl.de
Verantwortlich im Sinne des Presserechts: ZSL, Irmgard Mühlhuber, Ref. 24 "Digitalisierung, Medienbildung", Heilbronner Straße 314, 70469 Stuttgart, Telefon 0711/21859-240, digitalebildung@zsl.kv.bwl.de
Kontakt zum/r behördlichen Datenschutzbeauftragte/n: datenschutz@zsl.kv.bwl.de