Guía
Tutorial sobre Orientación de Pantalla
Usando @capgo/capacitor-orientación-de-pantalla
Capacitor Interfaz del plugin de orientación de pantalla.
Instalar
bun add @capgo/capacitor-screen-orientation
bunx cap sync
¿Qué se expone con este plugin?
orientation- Obtener la orientación actual de la pantalla.lock- Bloquear la orientación de la pantalla a un tipo específico.unlock- Desbloquear la orientación de la pantalla.startOrientationTracking- Iniciar el seguimiento de la orientación del dispositivo utilizando sensores de movimiento.
Uso de ejemplo
orientation
Obtener la orientación actual de la pantalla.
import { ScreenOrientation } from '@capgo/capacitor-screen-orientation';
const result = await ScreenOrientation.orientation();
console.log('Current orientation:', result.type);
lock
Configura 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
Desbloquea la orientación de la pantalla.
import { ScreenOrientation } from '@capgo/capacitor-screen-orientation';
await ScreenOrientation.unlock();
startOrientationTracking
Inicia 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
- GitHub: https://github.com/Cap-go/capacitor-orientación-de-pantalla/
- Documentación: /docs/plugins/orientación-de-pantalla/
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 For el detalle de implementación en @capgo/capacitor-orientación de pantalla, Getting Started For el detalle de implementación en Getting Started, Usando @capgo/capacitor-actividades en vivo For la capacidad nativa en Usando @capgo/capacitor-actividades en vivo, @capgo/capacitor-actividades en vivo For el detalle de implementación en @capgo/capacitor-actividades en vivo, y Usando @capgo/capacitor-reproductor de video For la capacidad nativa en Usando @capgo/capacitor-reproductor de video.