Saltar al contenido principal
Volver a plugins
@capgo/capacitor-orientación de pantalla
Tutorial
@capgo/capacitor-orientación de pantalla

Orientación de pantalla

Plugin de orientación de pantalla con soporte para el salto de la bloqueo de orientación

Guía

Tutoriales sobre Orientación de Pantalla

Probar en dispositivo

Descarga la aplicación Capgo, luego escanea el código QR code.

Enlace QR de vista previa del plugin de orientación de pantalla code

Usando @capgo/capacitor-screen-orientation

Interface del plugin de orientación de pantalla Capacitor

Instalar

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

¿Qué se expone con este plugin?

  • orientation - Obtener la orientación de pantalla actual.
  • lock - Bloquear la orientación de pantalla a un tipo específico.
  • unlock - Desbloquear la orientación de pantalla.
  • startOrientationTracking - Iniciar la seguimiento de la orientación del dispositivo utilizando sensores de movimiento.

Uso de Ejemplos

orientation

Obtenga la orientación de pantalla actual.

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

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

lock

Locke la orientación de pantalla a un tipo específico.

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

Desbloquee la orientación de pantalla.

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

await ScreenOrientation.unlock();

startOrientationTracking

Inicie la seguimiento de la orientación del dispositivo utilizando sensores de movimiento.

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);
});

Referencia Completa

Siga adelante desde Uso de @capgo/capacitor-orientación-de-pantalla

Si está utilizando Usando @capgo/capacitor-orientación-de-pantalla para planificar el comportamiento de medios y interfaces nativas, conecte con @capgo/capacitor-orientación-de-pantalla para los detalles de implementación en @capgo/capacitor-orientación-de-pantalla, Inicio para los detalles de implementación en Inicio, Usando @capgo/capacitor-actividades-en-vivo para la capacidad nativa en Usando @capgo/capacitor-actividades-en-vivo, @capgo/capacitor-actividades-en-vivo para los detalles de implementación en @capgo/capacitor-actividades-en-vivo, y Usando @capgo/capacitor-reproductor-de-videos para la capacidad nativa en Usando @capgo/capacitor-reproductor-de-videos.