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.

Vista de pantalla plugin enlace QR code

Usando @capgo/capacitor-screen-orientation

Capacitor Vista de pantalla Plugin interfaz.

Instalar

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

¿Qué esta plugin expone?

  • 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 el seguimiento de la orientación del dispositivo utilizando sensores de movimiento.

Uso de ejemplo

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 nativos e interfaces, conectalo con @capgo/capacitor-orientación-de-pantalla para el detalle de implementación en @capgo/capacitor-orientación-de-pantalla Inicio para el detalle 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 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.