Petunjuk
Tutorial Orientasi Layar
Menggunakan @capgo/capacitor-orientasi-layar
Capacitor Interface Orientasi Layar.
Pasang
bun add @capgo/capacitor-screen-orientation
bunx cap sync
Apa yang Dapat Diketahui Plugin Ini
orientation- Dapatkan orientasi layar saat ini.lock- Blokir orientasi layar ke jenis tertentu.unlock- Lepaskan blokir orientasi layar.startOrientationTracking- Mulai mengikuti orientasi perangkat menggunakan sensor gerakan.
Contoh Penggunaan
orientation
Dapatkan orientasi layar saat ini.
import { ScreenOrientation } from '@capgo/capacitor-screen-orientation';
const result = await ScreenOrientation.orientation();
console.log('Current orientation:', result.type);
lock
Blokir orientasi layar ke jenis tertentu.
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
Lepaskan blokir orientasi layar.
import { ScreenOrientation } from '@capgo/capacitor-screen-orientation';
await ScreenOrientation.unlock();
startOrientationTracking
Mulai mengikuti orientasi perangkat menggunakan sensor gerakan.
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);
});
Referensi Lengkap
- GitHub: https://github.com/Cap-go/capacitor-orientasi-layar/
- Dokumen: /docs/plugins/orientasi-layar/
Teruskan dari Menggunakan @capgo/capacitor-orientasi-layar
Jika Anda menggunakan Menggunakan @capgo/capacitor-orientasi-layar untuk merencanakan perilaku media dan antarmuka native, hubungkannya dengan @capgo/capacitor-orientasi-layar untuk detail implementasi di @capgo/capacitor-orientasi-layar, Mengawali untuk detail implementasi di Mengawali, Menggunakan @capgo/capacitor-aktivitas-hidup untuk kemampuan native di Menggunakan @capgo/capacitor-aktivitas-hidup, @capgo/capacitor-aktivitas-nyata untuk detail implementasi di @capgo/capacitor-aktivitas-nyata, dan Menggunakan @capgo/capacitor-player-video untuk kemampuan asli di Menggunakan @capgo/capacitor-player-video.