Skip to content
Capgo - Capacitor アプリ用のリアルタイム更新 Capgo

@capgo/capacitor-native-navigation

__CAPGO_KEEP_0__と__CAPGO_KEEP_1__でiOSとAndroidのナビゲーションチームをネイティブにレンダリングしながら、JavaScriptがルート、コンテンツ、アイコン、ラベル、バーの状態を所有します。
はじめに GitHub

ネイティブブラウザ

プラットフォームUIでナビゲーションバーとタブバーを描画

ウェブ所有のルート

ネイティブはユーザーの意図を表すイベントを発行し、既存のルーターがWebViewのコンテンツを変更します。

シリアライズされたアイコン

SVG、SF Symbol、バンドル画像、またはAndroid drawable descriptorを使用してタブとボタンを設定

ネイティブのトランジションシェル

現在のWebViewをキャプチャし、JavaScriptでコンテンツを更新し、最後にネイティブのスナップショットからWebViewへのアニメーションで終了します。

ズームルート

カード、グリッド、メディア詳細ルートを開き、共有要素スタイルのネイティブズームジオメトリでネイティブズームを実行します。

デモ

セクション「デモ」
ネイティブシェルタップフロー
ネイティブナビゲーションシェルアニメーションを表示し、ネイティブナビゲーションバー、タブ、WebViewコンテンツを表示します。ネイティブナビゲーションタップフローを表示し、タブの選択、プッシュトランジション、ネイティブバックを表示します。

コアAPI

セクション「コアAPI」
  • configure(options?) ネイティブクロームホストを有効にしてコンテンツのインセットを制御します。
  • setNavbar(options) nativeタイトルとサブタイトル、戻るボタン、ボタン、色、透明度、非表示を更新します。
  • setTabbar(options) タブ、選択中のタブ、バッジ、ラベル、アイコン、色、非表示を更新します。
  • beginTransition(options?) JavaScriptルート変更前に出発するWebViewをキャプチャします。
  • finishTransition(options?) ルートコンテンツが利用可能になった後、キャプチャされたスナップショットからライブWebViewにアニメーションします。
  • beginZoomTransition(target, options?) and finishZoomTransition(target?, options?) は、要素または矩形からズームトランジションのJavaScriptヘルパーです。
  • getPluginVersion() native実装バージョンマーカーを返します。

イベント

セクションのタイトルは「イベント」
  • navbarBack native戻るアフォーダンスがタップされたときに発火します。
  • navbarItemTap nativeナビゲーションバーのアクションボタンがタップされたときに発火します。
  • tabSelect nativeタブが選択されたときに発火します。
  • safeAreaChanged native bar と安全エリアのインセットの変更を報告します。
  • transitionStart native の遷移境界を報告します。 transitionEnd プラットフォームモデル

セクション：プラットフォームモデル

iOS は

26 以上の iOS バージョンでは、プラグインはシステムが液体ガラスの動作をレンダリングすることを許可します。古いバージョンでは、ネイティブの透過的/マテリアルフォールバックが使用されます。 UINavigationBar Android は、エッジからエッジまでの AppCompat ツールバーとマテリアルな下部ナビゲーションを使用します。 UITabBarプラグインは、1 つのネイティブの WebView を各ルートごとに作成しません。バージョン 1 では、__CAPGO_KEEP_0__ の WebView を 1 つだけ維持し、ブリッジの安定性を確保し、ネイティブがフレーム、バーの視覚、タブの選択、安全エリアの報告、遷移シェルを所有します。

@__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-native-navigation から続けてください。

セクション：@Capacitor/__CAPGO_KEEP_1__-native-navigation から続けてください。

Keep going from @capgo/capacitor-native-navigation

Section titled “Keep going from @capgo/capacitor-native-navigation”

If you are using @capgo/capacitor-native-navigation を使用して、ネイティブのメディアとインターフェイスの動作を計画し、 Using @capgo/capacitor-native-navigation を使用して、Using @capgo/capacitor-native-navigation のネイティブ機能を Using @capgo/capacitor-live-activities を使用して、Using @capgo/capacitor-live-activities のネイティブ機能を @capgo/capacitor-live-activities @capgo/capacitor-live-activities の実装詳細 Using @capgo/capacitor-video-player を使用して、Using @capgo/capacitor-video-player のネイティブ機能を @capgo/capacitor-video-player @capgo/capacitor-video-player.の実装詳細について