跳过主要内容
返回插件
@capgo/home-indicator
教程
@capgo/home-indicator

主屏幕指示器

隐藏或显示 iOS 主屏幕指示器以实现全屏和沉浸式应用体验

指南

__CAPGO_KEEP_0__指标教程

在设备上测试

下载Capgo应用程序,然后扫描code中的二维码。

指示器插件预览二维码code

使用 @capgo/capacitor-home-indicator

Capacitor iOS 主屏幕指示器插件,用于控制 iOS 设备主屏幕指示器的可见性。主屏幕指示器是位于 iOS 设备底部的水平条。

安装

bun add @capgo/capacitor-home-indicator
bunx cap sync

此插件暴露的内容

  • hide - 隐藏屏幕底部的主屏幕指示器。
  • show - 在屏幕底部显示主屏幕指示器。
  • isHidden - 检查当前主屏幕指示器是否被隐藏。

示例用法

hide

隐藏屏幕底部的主屏幕指示器。

import { HomeIndicator } from '@capgo/capacitor-home-indicator';

await HomeIndicator.hide();

show

在屏幕底部显示主屏幕指示器。

import { HomeIndicator } from '@capgo/capacitor-home-indicator';

await HomeIndicator.show();

isHidden

检查当前是否隐藏了主页指示器。

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');
}

全参考

继续使用@capgo/capacitor-home-indicator

如果您正在使用 使用@capgo/capacitor-home-indicator 来规划原生插件工作,连接它与 @capgo/capacitor-home-indicator 了解@capgo/capacitor-home-indicator的实现细节 开始使用 Getting Started 中的实现细节 Capgo 插件目录 Capgo 插件目录中的产品工作流程 Capacitor 由 Capgo 提供的插件 了解 Capacitor 由 Capgo 提供的插件的实现细节 添加或更新插件 添加或更新插件的实现细节