电容器和机器人导航

Android 的 Capacittor 插件, 提供有关导航栏的信息, 如导航栏高度、 手势导航模式等

安装

npm install @chefslist/capacitor-android-navigation-bar-info
npx cap sync

使用量

获取导航栏信息

import { NavigationBarInfo } from '@chefslist/capacitor-android-navigation-bar-info';

const info = await NavigationBarInfo.getNavigationBarInfo();
console.log('Navigation bar height:', info.heightInDp);
console.log('Device height:', info.deviceHeight);
console.log('Is visible:', info.isNavigationBarVisible);
console.log('Is gesture navigation:', info.isGestureNavigation);

听取导航栏更改

插件在导航栏信息变化时自动检测(例如,在Android 15+上的窗口模式和全屏模式之间切换时):

import { NavigationBarInfo } from '@chefslist/capacitor-android-navigation-bar-info';

// Add listener for navigation bar changes
await NavigationBarInfo.addListener('navigationBarInfoChanged', (info) => {
  console.log('Navigation bar info changed:', info);
  // Update your UI based on new navigation bar dimensions
});

// Don't forget to remove listeners when component unmounts
await NavigationBarInfo.removeAllListeners();

API 密码

• getNavigationBarInfo()
• addListener('navigationBarInfoChanged', ...)
• removeAllListeners()
• 接口

获取Navigation BarInfo ()

getNavigationBarInfo() => Promise<NavigationBarInfo>

回返情况: Promise<NavigationBarInfo>

添加聆听器( “ 导航BarInfoChanged ” ,...)

addListener(eventName: 'navigationBarInfoChanged', listenerFunc: (info: NavigationBarInfo) => void) => Promise<PluginListenerHandle>

听取导航栏信息更改( 例如, 在窗口模式和全屏模式之间切换时)

回返情况: Promise<PluginListenerHandle>

删除所有收听器( )

removeAllListeners() => Promise<void>

删除此插件的所有听众

接口

导航列信息

插件听筒