Lompat ke konten utama
Kembali ke plugin
@capgo/capacitor-orientasi-layar
Tutorial
@capgo/capacitor-orientasi-layar

Orientasi Layar

Plugin orientasi layar dengan dukungan untuk menghindari pembatasan orientasi

Petunjuk

Tutorial pada Orientasi Layar

Tes di perangkat

Unduh aplikasi Capgo terlebih dahulu, kemudian scan kode QR code.

Tautan QR pratinjau plugin orientasi layar code

Menggunakan @capgo/capacitor-orientasi-layar

Capacitor Interface Plugin Orientasi Layar.

Pasang

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

Apa yang Dibuka oleh Plugin ini

  • orientation - Dapatkan orientasi layar saat ini.
  • lock - Blokir orientasi layar ke jenis tertentu.
  • unlock - Lepaskan orientasi layar.
  • startOrientationTracking - Mulai mengikuti orientasi perangkat menggunakan sensor gerak.

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

Lock 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

Jangan lilit 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

Teruskan dari Menggunakan @capgo/capacitor-orientasi-layar

Jika Anda menggunakan Menggunakan @capgo/capacitor-orientasi-layar untuk merencanakan perilaku media dan interface native, hubungkannya dengan @capgo/capacitor-orientasi-layar untuk detail implementasi di @capgo/capacitor-orientasi-layar, Mulai untuk detail implementasi di Mulai, Menggunakan @capgo/capacitor-aktivitas-hidup untuk kemampuan asli di Menggunakan @capgo/capacitor-aktivitas-hidup, @capgo/capacitor-aktivitas-hidup untuk detail implementasi di @capgo/capacitor-aktivitas-hidup, dan Menggunakan @capgo/capacitor-pemain-video untuk kemampuan asli di Menggunakan @capgo/capacitor-pemain-video.