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 kunci orientasi layar

{"targetLanguage":"Indonesia","protectedTokens":["Cloudflare","Capacitor","GitHub","Capgo","code","API","SDK","CLI","npm","bun"]}

"Petunjuk Panduan"

"Tutorial Orientasi Layar"

Download the Capgo app, then scan the QR code.

Screen Orientation plugin preview QR code

Using @capgo/capacitor-screen-orientation

"Menggunakan @Capacitor/__CAPGO_KEEP_1__-orientasi-layar"

Instalasi

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

Apa yang Dapat Diketahui oleh 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.

Penggunaan Contoh

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);
});

Pengacuan Lengkap

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, Pembahasan Awal untuk detail implementasi di Pembahasan Awal, Menggunakan @capgo/capacitor-aktivitas-hidup untuk kemampuan asli di Menggunakan @capgo/capacitor-live-activities, @capgo/capacitor-live-activities untuk detail implementasi di @capgo/capacitor-live-activities, dan Menggunakan @capgo/capacitor-video-player untuk kemampuan asli di Menggunakan @capgo/capacitor-video-player.