电容器导航栏

从您的 Capacitor app 控制Android 导航条: 设置其颜色和按钮样式,使其透明,或者隐藏用于浸泡屏幕.

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

主要特点

• 颜色数字 : setNavigationBarColor() 设置边框颜色,包括 transparent,以及轻或暗的按钮.
• 读取状态数字 : getNavigationBarColor() 返回当前颜色和按钮主题.
• 隐藏并显示数字 : hide() 财务报告和审定财务报表 show() 全屏内容.
• 配置默认值设置 color, (中文(简体) ), dividerColor 财务报告和审定财务报表 style 内 capacitor.config 在发射时适用.
• 平台:Android (英语). 仅限Android. iOS拒绝这些电话,网络只登录它们.

文档

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

兼容性

说明: 此插件的主要版本沿用了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-navigation-bar` plugin in my project.

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

npm install @capgo/capacitor-navigation-bar
npx cap sync

示例应用程序

• example-app: 练习所有插件选项(颜色预设,自定义六进制,深色按钮,状态读取)的交互式演示.

配置

您可以在本地插件加载时应用导航栏默认:

import type { CapacitorConfig } from '@capacitor/cli';

const config: CapacitorConfig = {
  plugins: {
    NavigationBar: {
      color: '#ffffff',
      dividerColor: '#d9d9d9',
      style: 'LIGHT',
    },
  },
};

export default config;

style 接受 LIGHT, (中文(简体) ), DARK,或 DEFAULT启用 LIGHT 暗的按钮, DARK 用于轻按钮,以及 DEFAULT 以跟踪当前设备的外观.

API 密码

• hide()
• show()
• setNavigationBarColor(...)
• getNavigationBarColor()
• getPluginVersion()
• 数字

用于自定义Android导航栏的 Capacitor 导航栏插件 .

隐藏( c)

hide() => Promise<void>

隐藏导航栏 .

只能从Android上找到.

自: 8.2.0 (中文(简体) )

显示 ()

show() => Promise<void>

显示导航栏 .

只能从Android上找到.

自: 8.2.0 (中文(简体) )

设置导航Bar Color (...)

setNavigationBarColor(options: { color: NavigationBarColor | string; darkButtons?: boolean; dividerColor?: NavigationBarColor | string; }) => Promise<void>

设置导航栏颜色和按钮主题 .

自: 1.0.0 (单位:千美元)

获得导航Bar Color ()

getNavigationBarColor() => Promise<{ color: string; darkButtons: boolean; }>

获取当前导航栏颜色和按钮主题 .

回返情况: Promise<{ color: string; darkButtons: boolean; }>

自: 1.0.0 (单位:千美元)

获取 PluginVersion ()

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

获取本地 Capacitor 插件版本 .

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

自: 1.0.0 (单位:千美元)

数字

导航条颜色