跳转到正文

快速入门

GitHub

你可以使用我们的 AI 辅助设置来安装插件。使用以下命令将 Capgo skills 添加到你的 AI 工具中:

终端窗口
npx skills add https://github.com/Cap-go/capgo-skills --skill capacitor-plugins

然后使用以下 prompt:

Use the `capacitor-plugins` skill from `Cap-go/capgo-skills` to install the `@capgo/capacitor-home-indicator` plugin in my project.

如果你更想手动设置,请运行以下命令安装插件,并按照下方各平台的说明操作:

终端窗口
bun add @capgo/capacitor-home-indicator
npx cap sync
import { HomeIndicator } from '@capgo/capacitor-home-indicator';
import { HomeIndicator } from '@capgo/capacitor-home-indicator';
await HomeIndicator.hide();
import { HomeIndicator } from '@capgo/capacitor-home-indicator';
await HomeIndicator.show();
import { HomeIndicator } from '@capgo/capacitor-home-indicator';
const { hidden } = await HomeIndicator.isHidden();
if (hidden) {
console.log('Home indicator is hidden');
} else {
console.log('Home indicator is visible');
}
  • 原生同步:运行 npx cap sync 在插件升级后。
  • 唯一可信来源:信任 src/definitions.ts 在 GitHub 仓库中。

隐藏屏幕底部的 Home Indicator。

这会在视觉上隐藏 iOS 的 Home Indicator 条,从而提供更具沉浸感的全屏体验。用户仍然可以通过上划手势返回主屏幕,但在手势开始前,该指示条是不可见的。

仅限 iOS。对 Android 或 Web 无效。

import { HomeIndicator } from '@capgo/capacitor-home-indicator';
await HomeIndicator.hide();

显示屏幕底部的 Home Indicator。

这会恢复 iOS Home Indicator 的默认可见性,使其对用户始终可见。这是默认行为。

仅限 iOS。对 Android 或 Web 无效。

import { HomeIndicator } from '@capgo/capacitor-home-indicator';
await HomeIndicator.show();

检查 Home Indicator 当前是否处于隐藏状态。

返回 iOS Home Indicator 当前的可见状态。

import { HomeIndicator } from '@capgo/capacitor-home-indicator';
const { hidden } = await HomeIndicator.isHidden();
if (hidden) {
console.log('Home indicator is hidden');
} else {
console.log('Home indicator is visible');
}

本页面由插件的 src/definitions.ts生成。当上游的公共 API 发生变化时,请重新运行 sync。

如果你正在使用 快速入门 要规划 dashboard 和 API 操作,请将其连接到 使用 @capgo/capacitor-home-indicator 用于“使用 @capgo/capacitor-home-indicator”中的原生能力, API 概览 关于 API Overview 中的实现细节, 简介 关于 Introduction 中的实现细节, API 密钥 有关 API Keys 的实现细节,以及 设备 有关 Devices 的实现细节。