メインコンテンツにスキップ
バージョン: v8

ion-app

AppはIonicアプリケーションのコンテナ要素です。 プロジェクトごとに`<ion-app>`要素は1つだけ存在する必要があります。 アプリには、メニュー、ヘッダー、コンテンツ、フッターなど、多くのIonicコンポーネントを含めることができます。 オーバーレイコンポーネントは、表示されると`<ion-app>`に追加されます。

`ion-app`を使用すると、次の動作が有効になります

  • ネイティブプラグインを必要とせずにキーボードライフサイクルイベント
  • Androidデバイスのハードウェアバックボタンの動作をカスタマイズするためのハードウェアバックボタンリスナー
  • CapacitorまたはCordovaでのステータスバーのサポート。ユーザーはステータスバーをタップすることでビューの最上部までスクロールできます。
  • フォーカスされたテキスト入力がオンスクリーンキーボードで覆われないようにコンテンツをスクロールするスクロールアシストユーティリティ
  • マテリアルデザインモードでボタンをアクティブ化するときのリップルエフェクト
  • Ionicアプリの使用感をよりネイティブに感じさせるその他のタップおよびフォーカスユーティリティ

プログラムによるフォーカス

Ionicは、`ion-focusable`クラスを持つコンポーネントにフォーカスユーティリティを提供します。 これらのユーティリティは、Tabなどの特定のキーボードキーが押されたときに、コンポーネントのフォーカスを自動的に管理します。 `ion-app`の`setFocus`メソッドを使用して、ユーザーアクションに応じてコンポーネントにプログラムでフォーカスを設定することもできます。

プロパティ

このコンポーネントで使用可能なプロパティはありません。

イベント

このコンポーネントで使用可能なイベントはありません。

メソッド

setFocus

説明`ion-focusable`を使用する要素にフォーカスを設定するために使用されます。 キーボードイベントの結果として要素にフォーカスを合わせる場合は、フォーカスユーティリティがこれを処理するため、これを使用しないでください。 このメソッドは、別のユーザーアクションの結果としてプログラムで要素にフォーカスを合わせたい場合に使用してください。 (例:ユーザーがポップオーバーを表示したときに、ポップオーバー内の最初の要素にフォーカスを合わせますが、ポップオーバーは常にキーボードアクションの結果として表示されるわけではありません。)
シグネチャsetFocus(elements: HTMLElement[]) => Promise<void>

CSSシャドウパーツ

このコンポーネントで使用可能なCSSシャドウパーツはありません。

CSSカスタムプロパティ

このコンポーネントで使用可能なCSSカスタムプロパティはありません。

スロット

このコンポーネントで使用可能なスロットはありません。