Saltar al contenido principal

Guía

Tutoriales sobre Orientación de Pantalla

Probar en dispositivo

Descargar 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

Capacitor Interfaz del plugin de orientación de pantalla

Instalar

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

Qué Exposición de 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.

Ejemplo de uso

orientation

Obtener 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

Bloquear la orientación de la 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

Desbloquear la orientación de la pantalla.

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

await ScreenOrientation.unlock();

startOrientationTracking

Iniciar la detección de la orientación del dispositivo mediante 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

Sigue adelante desde Usando @capgo/capacitor-orientación-de-pantalla

Si estás utilizando Usando @capgo/capacitor-orientación-de-pantalla para planificar el comportamiento de medios y interfaz nativos, conecta con @capgo/capacitor-orientación-de-pantalla para el detalle de implementación en @capgo/capacitor-orientación-de-pantalla Getting Started para el detalle de implementación en Getting Started Usando @capgo/capacitor-actividades-en-vivo para la capacidad nativa en Usando @capgo/capacitor-actividades-en-vivo @capgo/capacitor-actividades-en-vivo para el detalle 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.