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

ion-app

AppはIonicアプリケーションのコンテナ要素です。プロジェクトごとに <ion-app> 要素は1つだけにしてください。アプリケーションには、menus, headers, content, footersなど、多くのIonicコンポーネントを含めることができます。オーバーレイコンポーネントは、表示されるときに <ion-app> に追加されます。

ion-appを使用すると、以下の動作が可能になります。

  • キーボードライフサイクルイベント は、ネイティブプラグインを必要なくなります。
  • Android 端末のハードウェアバックボタンの動作をカスタマイズするための Hardware Back Button Listeners を使えます
  • Capacitor や Cordova でステータスバーをサポートし、ステータスバーをタップすることでビューの最上部にスクロールできるようになります。
  • テキスト入力が画面上のキーボードにかからないように、コンテンツをスクロールさせるスクロールアシストユーティリティが使えます。
  • Material Design モードでのボタン操作時のRipple effect が使えます。
  • Ionicアプリの使用感をよりネイティブなものにする、その他のタップやフォーカスのユーティリティが使えます。

プロパティ

No properties available for this component.

イベント

No events available for this component.

メソッド

setFocus

DescriptionUsed to set focus on an element that uses ion-focusable. Do not use this if focusing the element as a result of a keyboard event as the focus utility should handle this for us. This method should be used when we want to programmatically focus an element as a result of another user action. (Ex: We focus the first element inside of a popover when the user presents it, but the popover is not always presented as a result of keyboard action.)
SignaturesetFocus(elements: HTMLElement[]) => Promise<void>

CSS Shadow Parts

No CSS shadow parts available for this component.

CSSカスタムプロパティ

No CSS custom properties available for this component.

Slots

No slots available for this component.