@capgo/capacitor-native-navigation

네이티브 크롬

네이티브 UI를 사용하여 웹 컴포넌트 대신 상단 네비게이션 바와 하단 탭 바를 그려보세요.

웹 소유 루트

네이티브는 사용자 의도 이벤트를 발생시키고, 그 후에 웹 뷰 콘텐츠를 변경하는 데 사용되는 기존 라우터가 작동합니다.

직렬화 아이콘

SVG, SF Symbol, 이미지, 또는 Android drawable descriptor를 사용하여 탭 및 버튼을 구성합니다.

자연스러운 전환 shell

현재 WebView를 캡처하고 JavaScript에서 내용을 업데이트한 다음 네이티브 스냅샷-WebView 애니메이션으로 마무리합니다.

루트를 확대합니다.

카드, 그리드 및 미디어 상세 루트를 공유된 요소 스타일 네이티브 확대幾형으로 열기.

데모

자연스러운 shell	터치 흐름

Core API

• configure(options?) 자연적인 웹뷰 호스트를 활성화하고 콘텐츠 인셋을 제어합니다.
• setNavbar(options) 라우트 콘텐츠가 준비되면 캡처된 스냅샷에서 라이브 웹뷰로 애니메이션을 합니다.
• setTabbar(options) JavaScript 전환 전에 웹뷰를 캡처합니다.
• beginTransition(options?) JavaScript 전환 후 웹뷰를 캡처합니다.
• finishTransition(options?) JavaScript 전환 후 웹뷰를 캡처합니다.
• beginZoomTransition(target, options?) JavaScript 전환 후 웹뷰를 캡처합니다. finishZoomTransition(target?, options?) JavaScript 전환 후 웹뷰를 캡처합니다.
• getPluginVersion() JavaScript 전환 후 웹뷰를 캡처합니다.

JavaScript 전환 후 웹뷰를 캡처합니다.

• navbarBack 이벤트
• navbarItemTap native navbar 액션 버튼을 탭할 때 발생합니다.
• tabSelect native 탭이 선택될 때 발생합니다.
• safeAreaChanged native 바와 safe-area inset 변경을 보고합니다.
• transitionStart Capgo 마케팅 웹사이트의 페이지/영역: Capgo 마케팅 웹사이트. 역할: 짧은 UI 레이블 또는 네비게이션 아이템. page trust.astro에서 보입니다. Message key `and` (And). transitionEnd native 전환 경계를 보고합니다.

플랫폼 모델

iOS는 UINavigationBar Capgo 마케팅 웹사이트의 페이지/영역: Capgo 마케팅 웹사이트. 역할: 짧은 UI 레이블 또는 네비게이션 아이템. page trust.astro에서 보입니다. Message key `and` (And). UITabBariOS 26 이상 버전에서는 Liquid Glass 동작을 시스템이 렌더링하도록 허용하며, 이전 버전에서는 native translucent/material fallback을 사용합니다.

Android는 AppCompat 툴바와 Material bottom navigation을 사용하며 edge-to-edge 배치합니다.

The plugin does not create one native WebView per route. Version 1 keeps a single Capacitor WebView for bridge stability and lets native own only the frame, bar visuals, tab selection chrome, safe-area reporting, and transition shell.

그것을 계속 @capgo/capacitor-native-navigation에서

만약 @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-native-navigation을 사용하고 있다면 @capgo/capacitor-native-navigation @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-native-navigation을 사용하여 native media와 interface behavior를 계획하고 싶다면 @capgo/capacitor-native-navigation과 연결하세요 Using @capgo/capacitor-native-navigation를 사용하여 native capability를 사용하는 Using @capgo/capacitor-native-navigation에서 Using @capgo/capacitor-live-activities를 사용하여 native capability를 사용하는 Using @capgo/capacitor-live-activities에서 for the implementation detail in @capgo/capacitor-live-activities, implementation detail를 사용하는 @capgo/capacitor-live-activities에서 자연스러운 네이티브 기능을 위해 @capgo/capacitor-비디오 플레이어를 사용하고, @capgo/capacitor-비디오 플레이어 자연스러운 구현 세부 정보를 위해 @capgo/capacitor-비디오 플레이어를 사용합니다.