본문으로 건너뛰기
플러그인으로 돌아가기
@capgo/capacitor-모니터 방향
튜토리얼
@capgo/capacitor-모니터 방향

모니터 방향

모니터 방향 플러그인이 지원하는 방향 잠금 우회

Guide

Screen Orientation Tutorial

Test on device

Download the Capgo app, then scan the QR code.

스크린 방향 플러그인 미리보기 QR code

@capgo/capacitor-스크린-방향 플러그인을 사용합니다.

Capacitor 스크린 방향 플러그인 인터페이스.

설치

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

이 플러그인이 제공하는 기능

  • orientation - 현재 스크린 방향을 가져옵니다.
  • lock - 스크린 방향을 특정 유형으로 고정합니다.
  • unlock - 스크린 방향을 해제합니다.
  • startOrientationTracking - 장치 방향 추적을 시작합니다.

예시 사용

orientation

현재 화면 방향을 가져옵니다.

import { ScreenOrientation } from '@capgo/capacitor-screen-orientation';

const result = await ScreenOrientation.orientation();
console.log('Current orientation:', result.type);

lock

특정 방향으로 화면 방향을 잠글 수 있습니다.

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

화면 방향을 해제합니다.

import { ScreenOrientation } from '@capgo/capacitor-screen-orientation';

await ScreenOrientation.unlock();

startOrientationTracking

운동 센서를 사용하여 장치 방향을 추적하기 시작합니다.

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

전체 참조

Using @capgo/capacitor-screen-orientation

__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-screen-orientation을 사용하는 경우 Using @capgo/capacitor-screen-orientation 자연적인 미디어 및 인터페이스 동작을 계획하기 위해 연결하세요. @capgo/capacitor-screen-orientation Capacitor-capgo/capacitor-screen-orientation 구현 세부 사항 Getting Started Getting Started 구현 세부 사항 Capacitor-capgo/capacitor-live-activities 사용 Capacitor-capgo/capacitor-live-activities 사용하는 자체 기능 Capacitor-capgo/capacitor-live-activities Capacitor-capgo/capacitor-live-activities 구현 세부 사항 및 Capacitor-capgo/capacitor-video-player 사용 Capacitor-capgo/capacitor-video-player 사용하는 자체 기능