Saltare al contenuto principale
Torna ai plugin
@capgo/capacitor-orientamento-schermo
Tutorial
@capgo/capacitor-orientamento-schermo

Orientamento dello schermo

Plugin per l'orientamento dello schermo con supporto per bypassare il blocco dell'orientamento

Guida

Tutoriale sull'orientamento dello schermo

Esegui il test sul dispositivo

Scarica l'app Capgo, poi scansione il codice QR code.

Collegamento QR di anteprima del plugin di orientamento della schermata code

Utilizzo di @capgo/capacitor-orientamento dello schermo

Capacitor Interfaccia del plugin di orientamento della schermata

Installa

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

Cos'è che questo plugin espone

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

Utilizzo di esempio

orientation

Ottieni l'orientamento corrente della schermata.

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

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

lock

Blocca l'orientamento dello schermo 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 dello schermo.

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

await ScreenOrientation.unlock();

startOrientationTracking

Avvia la tracciatura dell'orientamento del 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

Continua da Utilizzo di @capgo/capacitor-orientamento dello schermo

Se stai utilizzando Utilizzo di @capgo/capacitor-orientamento dello schermo per pianificare il comportamento dei media e dell'interfaccia nativi, connettilo con @capgo/capacitor-orientamento dello schermo For i dettagli di implementazione in @capgo/capacitor-orientamento dello schermo, Iniziare Per i dettagli di implementazione in Iniziare, Utilizzando @capgo/capacitor-attività in diretta Per la capacità nativa in Utilizzando @capgo/capacitor-attività in diretta, @capgo/capacitor-attività in diretta Per i dettagli di implementazione in @capgo/capacitor-attività in diretta, e Utilizzando @capgo/capacitor-lettore di video Per la capacità nativa in Utilizzando @capgo/capacitor-lettore di video.