@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);
});
전체 참조
- GitHub : github.com/Cap-go/capacitor-screen-orientation
- 문서: /docs/plugins/screen-orientation/
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 사용하는 자체 기능