跳至主要内容
版本：v8

ion-app

App 是 Ionic 应用程序的容器元素。每个项目应该只有一个 <ion-app> 元素。一个应用程序可以包含许多 Ionic 组件，包括菜单、页眉、内容和页脚。覆盖组件在呈现时将附加到 <ion-app>。

使用 ion-app 可以实现以下行为

  • 键盘生命周期事件，无需任何原生插件
  • 硬件后退按钮监听器，用于在 Android 设备上自定义硬件后退按钮行为
  • Capacitor 或 Cordova 中的状态栏支持，允许用户通过点击状态栏滚动到视图顶部
  • 滚动辅助实用程序，可以滚动内容，使聚焦的文本输入框不被屏幕键盘遮挡
  • 水波纹效果，在 Material Design 模式下激活按钮时
  • 其他点击和聚焦实用程序，使使用 Ionic 应用程序的体验更接近原生应用程序

编程方式聚焦 ​

Ionic 为带有 ion-focusable 类的组件提供了聚焦实用程序。这些实用程序在按下某些键盘键（如 Tab）时会自动管理组件的焦点。还可以通过使用 ion-app 的 setFocus 方法，以编程方式响应用户操作来聚焦组件。

属性 ​

此组件没有可用属性。

事件 ​

此组件没有可用事件。

方法 ​

setFocus ​

描述用于将焦点设置到使用 ion-focusable 的元素上。如果聚焦元素是由于键盘事件引起的，请不要使用此方法，因为聚焦实用程序会自动处理。此方法应在我们要以编程方式响应其他用户操作来聚焦元素时使用。（例如，当用户呈现弹出框时，我们将聚焦弹出框内的第一个元素，但弹出框并不总是由于键盘操作而呈现。）
签名setFocus(elements: HTMLElement[]) => Promise<void>

CSS 阴影部分 ​

此组件没有可用 CSS 阴影部分。

CSS 自定义属性 ​

此组件没有可用 CSS 自定义属性。

插槽 ​

此组件没有可用插槽。

目录

编辑此页面