Utilizzando @capgo/capacitor-orientamento della schermata

Capacitor Interfaccia del Plugin di Orientamento della Schermata.

Installa

bun add @capgo/capacitor-screen-orientation
bunx cap sync

Cosa questo plugin espone

orientation - Ottieni l'orientamento attuale della schermata.
lock - Blocca l'orientamento della schermata a un tipo specifico.
unlock - Sblocca l'orientamento della schermata.
startOrientationTracking - Avvia la tracciatura dell'orientamento dispositivo utilizzando i sensori di movimento.

Esempio di utilizzo

`orientation`

Ottieni l'orientamento attuale della schermata.

import { ScreenOrientation } from '@capgo/capacitor-screen-orientation';

const result = await ScreenOrientation.orientation();
console.log('Current orientation:', result.type);

`lock`

Blocca l'orientamento della schermata a un tipo specifico.

import { ScreenOrientation } from '@capgo/capacitor-screen-orientation';

// Standard lock
await ScreenOrientation.lock({ orientation: 'landscape' });

// Lock with motion tracking on iOS
await ScreenOrientation.lock({
  orientation: 'portrait',
  bypassOrientationLock: true
});

`unlock`

Sblocca l'orientamento della schermata.

import { ScreenOrientation } from '@capgo/capacitor-screen-orientation';

await ScreenOrientation.unlock();

`startOrientationTracking`

Avvia la tracciatura dell'orientamento dispositivo utilizzando i sensori di movimento.

import { ScreenOrientation } from '@capgo/capacitor-screen-orientation';

await ScreenOrientation.startOrientationTracking({
  bypassOrientationLock: true
});

// Listen for changes
ScreenOrientation.addListener('screenOrientationChange', (result) => {
  console.log('Orientation changed:', result.type);
});

Riferimento completo

GitHub: https://github.com/Cap-go/capacitor-orientamento-di-schermo/
Documentazione: /docs/plugins/orientamento-di-schermo/

Continua da Utilizza @capgo/capacitor-orientamento-di-schermo

Se stai utilizzando Utilizza @capgo/capacitor-orientamento-di-schermo per pianificare il comportamento dei media e dell'interfaccia nativi, connettilo con @capgo/capacitor-orientamento-di-schermo per i dettagli di implementazione in @capgo/capacitor-orientamento-di-schermo, Avvio Guidato per i dettagli di implementazione in Avvio Guidato, Utilizza @capgo/capacitor-attività-in-vivo per la capacità nativa in Utilizzare @capgo/capacitor-live-attivitàs @capgo/capacitor-live-attivitàs per il dettaglio di implementazione in @capgo/capacitor-live-attivitàs, e Utilizzare @capgo/capacitor-video-player per la capacità nativa in Utilizzare @capgo/capacitor-video-player.

Orientamento dello schermo

Tutorial sull'Orientamento della Schermata