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

L'orientamento dello schermo

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

Guida

Tutoriale sull'orientamento della schermata

Testa sul dispositivo

Scarica l'app Capgo, poi scansa il QR code.

Collegamento QR di anteprima del plugin di orientamento dello schermo code

Utilizzo di @capgo/capacitor-screen-orientation

Interfaccia del plugin di orientamento dello schermo Capacitor

Installa

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

Cos'è che questo plugin espone

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

Esempio di utilizzo

orientation

Ottieni l'orientamento della schermata corrente.

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

Svincola l'orientamento della schermata.

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

await ScreenOrientation.unlock();

startOrientationTracking

Inizia a tracciare l'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

Continua da Utilizzo @capgo/capacitor-orientamento dello schermo

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