@ capgo/ 电容- home- 指示器

隐藏或显示您 Capacitor app 的家用指示栏, 用于像电子, 游戏和站台这样的浸入式屏幕 .

🤖 建筑与AI编码代理? 安装 Capgo 技能 所以克劳德代码,代码,光标,副驾驶,或双子座CLI知道如何安装和使用 @capgo/capacitor-home-indicator 在您的电容应用程序中: npx skills add Cap-go/capgo-skills。然后问你的经纪人: 添加@capgo/capor-home-indicator到我的 Capacitor app上并把它接上。" 代理设置指南 • 妇女 主机磁共振

主要特点

• 隐藏数字 : hide() 隐藏家用指示器.
• 显示数字 : show() 把它带回来.
• 状态数字 : isHidden() 报告当前状况.
• iOS系统:使用视图控制器自动隐藏的家用指标偏好.
• 平台: iOS和Android. 互联网档案馆的存檔,存档日期2013-12-21. Android 需要一个小的 MainActivity 下文所述的变动.

在 Capacitor app 中隐藏并显示家用按钮指示器

机器人

为了能隐藏Android的家用指示器,你需要 更新您的 MainActivity.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以添加以下代码:

        <item name="android:statusBarColor">
            @android:color/transparent
        </item>

文档

这里有最完整的医生: https://capgo.app/docs/plugins/home-indicator/ 页面存档备份,存于互联网档案馆

兼容性

说明: 此插件的主要版本沿用了Capacitor的主要版本. 使用匹配您的 Capacitor 安装的版本( 如 Capacitor 8 的插件 v8) 。 只有最新的主要版本得到积极维护.

安装

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

npx skills add https://github.com/cap-go/capacitor-skills --skill capacitor-plugins

然后使用下列提示:

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

如果您更喜欢手动设置,请通过运行以下命令来安装插件,并遵循下面的平台特定指令:

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

API 密码

• hide()
• show()
• isHidden()
• getPluginVersion()

控制iOS家用指标能见度的家用指标插件. 家用指示器是iOS设备下方没有物理家用按钮的横向栏.

隐藏( c)

hide() => Promise<void>

在屏幕下方隐藏家用指示器 .

此可视化地隐藏了 iOS 家指标栏, 提供了更浸润 全屏体验. 用户仍然可以刷取 进入家,但 在开始手势之前,无法显示指示符.

仅iOS. 对Android或网络没有任何影响.

自: 0.0.1 资源

显示 ()

show() => Promise<void>

在屏幕下方显示家用指示器 .

这恢复了默认的 iOS 家指标的能见度, 使其成为 用户总是可以看到。 这是默认行为.

仅iOS. 对Android或网络没有任何影响.

自: 0.0.1 资源

隐藏( H)

isHidden() => Promise<{ hidden: boolean; }>

检查当前是否隐藏家用指示器 .

返回 iOS 家指标的当前能见度状态.

回返情况: Promise<{ hidden: boolean; }>

自: 0.0.1 资源

获取 PluginVersion ()

getPluginVersion() => Promise<{ version: string; }>

获取本地 Capacitor 插件版本 .

回返情况: Promise<{ version: string; }>

自: 0.0.1 资源

CSS 变量

你用得着 --safe-area-inset-bottom 以确保您的内容不被家用指示器隐藏 此变量由 Android 插件注入 . 如果你在机器人上设置真正的全屏模式,那就有用了. 改为:

getWindow().setDecorFitsSystemWindows(false);

贷项

此插件最初是为 Kick.com (英语) 以 队长