Guide
Tutoriel sur l'orientation de l'écran
Utilisation de @capgo/capacitor-orientation-écran
Interface du plugin d'orientation d'écran Capacitor
Installer
bun add @capgo/capacitor-screen-orientation
bunx cap sync
Ce que ce plugin expose
orientation- Récupérer l'orientation actuelle de l'écran.lock- Blocquer l'orientation de l'écran sur un type spécifique.unlock- Déverrouiller l'orientation de l'écran.startOrientationTracking- Démarrer la suivi de l'orientation du dispositif à l'aide de capteurs de mouvement.
Exemple d'utilisation
orientation
Obtenez l'orientation actuelle de l'écran.
import { ScreenOrientation } from '@capgo/capacitor-screen-orientation';
const result = await ScreenOrientation.orientation();
console.log('Current orientation:', result.type);
lock
Bloquez l'orientation de l'écran sur un type spécifique.
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
Déverrouillez l'orientation de l'écran.
import { ScreenOrientation } from '@capgo/capacitor-screen-orientation';
await ScreenOrientation.unlock();
startOrientationTracking
Démarrer la suivi de l'orientation du dispositif à l'aide de capteurs de mouvement.
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);
});
Référence complète
- GitHub : https://github.com/Cap-go/capacitor-orientation-de-l'écran/
- Documentation : /docs/plugins/orientation-de-l'écran/
Continuez à partir de l'utilisation de @capgo/capacitor-orientation-de-l'écran
Si vous utilisez Utilisation de @capgo/capacitor-orientation-de-l'écran planifier la mise en page native et le comportement de l'interface, connectez-l’à @capgo/capacitor-orientation-écran pour les détails d'implémentation dans @capgo/capacitor-orientation-écran, Prise en main pour les détails d'implémentation dans Prise en main, Utilisation de @capgo/capacitor-activités-en-vivre pour la capacité native dans Utilisation de @capgo/capacitor-activités-en-vivre, @capgo/capacitor-activités-en-vivre pour les détails d'implémentation dans @capgo/capacitor-activités-en-vivre, et Utilisation de @capgo/capacitor-joueur-de-videos pour la capacité native dans Utilisation de @capgo/capacitor-joueur-de-videos.