Saltare al contenuto principale
Indietro ai plugin
@capgo/capacitor-orientamento dello schermo
Tutorial
@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 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 dello schermo code

Utilizzo di @capgo/capacitor-screen-orientation

Capacitor Interfaccia del plugin di orientamento dello schermo

Installa

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

Cos'è che questo plugin espone

  • orientation - Ottieni l'orientamento attuale dello schermo.
  • 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 attuale dello schermo.

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

Svincola l'orientamento dello schermo.

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

await ScreenOrientation.unlock();

startOrientationTracking

Inizia a tracciare l'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 nativi e dell'interfaccia, 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.