Skip to main content
Version: v8

ion-app

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

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

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

Programmatic Focus​

Ionic offers focus utilities for components with the ion-focusable class. These utilities automatically manage focus for components when certain keyboard keys, like Tab, are pressed. Components can also be programmatically focused in response to user actions using the setFocus method from ion-app.

プロパティ​

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.

Contents

Edit this page