# @capgo/capacitor-home-indicator 中文文档
规范地址：https://npmcn.com/package/%40capgo/capacitor-home-indicator/
版本：8\.1\.4
npm 元数据更新时间：2026-10-15T03:55:36.630Z
中文译文更新时间：2026-11-09T04:01:42.084Z
软件包许可：MPL-2\.0
本文由上游 README 翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。
原始 npm 页面：https://www.npmjs.com/package/%40capgo/capacitor-home-indicator
原文对照：https://npmcn.com/package/%40capgo/capacitor-home-indicator/?lang=original
项目主页：https://capgo.app/docs/plugins/home-indicator/
源码仓库：https://github.com/Cap-go/capacitor-home-indicator
## 关键信息（来自 npm 元数据）
- 包体积（解压后）：60.1 kB，25 个文件
- 模块格式：ESM + CJS
- TypeScript 类型：包内自带
- 运行依赖：0 个
- peer 依赖：@capacitor/core \>=8\.0\.0
- 首次发布：2025-10-26T11:57:55.308Z
- 最新版本发布：2026-10-15T03:55:36.138Z
- 近 30 天下载量：40581（2026-10-09 至 2026-11-07，npm 官方下载统计）
- 已发布版本数：65（近 12 个月 53 个）
## 中文简介
在 Capacitor app 中隐藏并显示家用按钮指示器
## 安装
```sh
npm install @capgo/capacitor-home-indicator
```
也可以使用：`pnpm add @capgo/capacitor-home-indicator`、`yarn add @capgo/capacitor-home-indicator`、`bun add @capgo/capacitor-home-indicator`
## README
# @ capgo/ 电容- home- 指示器
隐藏或显示您 Capacitor app 的家用指示栏, 用于像电子, 游戏和站台这样的浸入式屏幕 .
[](https://capgo.app/?ref=plugin_home_indicator)
**队长**:在几分钟内将修正推给您的 Capacitor 用户,在没有Mac的情况下构建已签名的iOS和Android apps,并在一击中回滚.
## [\*免费开始\*](https://capgo.app/register/?ref=plugin_home_indicator)
14天无限自由审判. 不需要信用卡
> 🤖 **建筑与AI编码代理?** 安装 [Capgo 技能](https://capgo.app/skills/?ref=plugin_home_indicator) 所以克劳德代码,代码,光标,副驾驶,或双子座CLI知道如何安装和使用 `@capgo/capacitor-home-indicator` 在您的电容应用程序中: `npx skills add Cap-go/capgo-skills`。然后问你的经纪人: _添加@capgo/capor-home-indicator到我的 Capacitor app上并把它接上。"_ [代理设置指南](https://capgo.app/agents/?ref=plugin_home_indicator) • 妇女 [主机磁共振](https://capgo.app/docs/ai/mcp/?ref=plugin_home_indicator)
## 主要特点
- **隐藏**数字 : `hide()` 隐藏家用指示器.
- **显示**数字 : `show()` 把它带回来.
- **状态**数字 : `isHidden()` 报告当前状况.
- **iOS系统**:使用视图控制器自动隐藏的家用指标偏好.
- **平台**: iOS和Android. 互联网档案馆的存檔,存档日期2013-12-21. Android 需要一个小的 `MainActivity` 下文所述的变动.
在 Capacitor app 中隐藏并显示家用按钮指示器
# 机器人
为了能隐藏Android的家用指示器,你需要 更新您的 `MainActivity.java` 要添加以下代码的文件 :
```java
// ...
import android.os.Build;
import android.os.Bundle;
import com.getcapacitor.BridgeActivity;
public class MainActivity extends BridgeActivity {
void fixSafeArea() {
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.R) {
getWindow().setDecorFitsSystemWindows(false);
}
}
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
fixSafeArea();
}
// on resume
@Override
public void onResume() {
super.onResume();
fixSafeArea();
}
// on pause
@Override
public void onPause() {
super.onPause();
fixSafeArea();
}
}
```
而更新样式为.xml以添加以下代码:
```xml
-
@android:color/transparent
```
## 文档
这里有最完整的医生: [https://capgo.app/docs/plugins/home-indicator/ 页面存档备份,存于互联网档案馆](https://capgo.app/docs/plugins/home-indicator/)
## 兼容性
| 插件版本 | 电容兼容性 | 维护 |
| --- | --- | --- |
| 联合国 | 联合国 | ✅ |
| 页:1 | 页:1 | 应要求 |
| 页:1 | 页:1 | ❌ |
| 页:1 | 页:1 | ❌ |
> **说明:** 此插件的主要版本沿用了Capacitor的主要版本. 使用匹配您的 Capacitor 安装的版本( 如 Capacitor 8 的插件 v8) 。 只有最新的主要版本得到积极维护.
## 安装
您可以使用我们的 AI 辅助设置安装插件 。 使用以下命令将 Capgo 技能添加到您的 AI 工具 :
```bash
npx skills add https://github.com/cap-go/capacitor-skills --skill capacitor-plugins
```
然后使用下列提示:
```text
Use the `capacitor-plugins` skill from `cap-go/capacitor-skills` to install the `@capgo/capacitor-home-indicator` plugin in my project.
```
如果您更喜欢手动设置,请通过运行以下命令来安装插件,并遵循下面的平台特定指令:
```bash
bun add @capgo/capacitor-home-indicator
bunx cap sync
```
## API 密码
- [`hide()`](https://npmcn.com/package/%40capgo/capacitor-home-indicator/#readme-hide)
- [`show()`](https://npmcn.com/package/%40capgo/capacitor-home-indicator/#readme-show)
- [`isHidden()`](https://npmcn.com/package/%40capgo/capacitor-home-indicator/#readme-ishidden)
- [`getPluginVersion()`](https://npmcn.com/package/%40capgo/capacitor-home-indicator/#readme-getpluginversion)
控制iOS家用指标能见度的家用指标插件. 家用指示器是iOS设备下方没有物理家用按钮的横向栏.
### 隐藏( c)
```typescript
hide() => Promise
```
在屏幕下方隐藏家用指示器 .
此可视化地隐藏了 iOS 家指标栏, 提供了更浸润 全屏体验. 用户仍然可以刷取 进入家,但 在开始手势之前,无法显示指示符.
仅iOS. 对Android或网络没有任何影响.
**自:** 0.0.1 资源
* * *
### 显示 ()
```typescript
show() => Promise
```
在屏幕下方显示家用指示器 .
这恢复了默认的 iOS 家指标的能见度, 使其成为 用户总是可以看到。 这是默认行为.
仅iOS. 对Android或网络没有任何影响.
**自:** 0.0.1 资源
* * *
### 隐藏( H)
```typescript
isHidden() => Promise<{ hidden: boolean; }>
```
检查当前是否隐藏家用指示器 .
返回 iOS 家指标的当前能见度状态.
**回返情况:** `Promise<{ hidden: boolean; }>`
**自:** 0.0.1 资源
* * *
### 获取 PluginVersion ()
```typescript
getPluginVersion() => Promise<{ version: string; }>
```
获取本地 Capacitor 插件版本 .
**回返情况:** `Promise<{ version: string; }>`
**自:** 0.0.1 资源
* * *
### CSS 变量
你用得着 `--safe-area-inset-bottom` 以确保您的内容不被家用指示器隐藏 此变量由 Android 插件注入 . 如果你在机器人上设置真正的全屏模式,那就有用了. 改为:
```java
getWindow().setDecorFitsSystemWindows(false);
```
# 贷项
此插件最初是为 [Kick.com (英语)](https://kick.com/) 以 [队长](https://capgo.app/)
## 常见问题
### @capgo/capacitor-home-indicator 是什么？
在 Capacitor app 中隐藏并显示家用按钮指示器
### 如何安装 @capgo/capacitor-home-indicator？
在项目目录运行 npm install @capgo/capacitor-home-indicator，或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖：@capacitor/core（\>=8\.0\.0）。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖，Yarn 需要手动安装。
### @capgo/capacitor-home-indicator 支持 TypeScript 吗？
支持。包内自带 TypeScript 类型声明（package\.json 声明了 types 入口），安装后即可获得类型提示，无需再安装 @types 包。
### @capgo/capacitor-home-indicator 支持 ESM 还是 CommonJS？
同时提供 ES Module 与 CommonJS 入口，import 和 require\(\) 都可以使用，打包工具会自动选择合适的版本。
### @capgo/capacitor-home-indicator 可以商用吗？
@capgo/capacitor-home-indicator 使用 MPL-2\.0 许可。弱 Copyleft：可以商用，也可以和闭源代码一起使用；但如果分发时修改了 MPL 授权的文件，这些文件的修改需以 MPL 开源。以上为概括，不构成法律意见，请以许可原文为准。
### @capgo/capacitor-home-indicator 的下载量有多少？
根据 npm 官方下载统计，@capgo/capacitor-home-indicator 在 2026/10/09 – 2026/11/07 这 30 天内被下载 40,581 次，日均约 1,353 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。
### @capgo/capacitor-home-indicator 还在维护吗？
最新版本 8\.1\.4 发布于 2026/10/15（25 天前）；至今共发布 65 个版本，其中过去 12 个月发布了 53 个；首次发布于 2025/10/26。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。