➡️ Get Instant updates for your App with Capgo

Missing a feature? We’ll build the plugin for you 💪

capacitor-navigation-bar

Set navigation bar color for android lolipop and higher

Install

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

Example Apps

• example: Default Capacitor starter project kept for quick scaffolding tests.
• example-app: Interactive showcase that exercises all plugin options (color presets, custom hex, dark buttons, state reading).

iOS

Swift Package Manager

1. In Xcode, choose File → Add Packages…
2. Enter https://github.com/Cap-go/capacitor-navigation-bar.git
3. Select the CapgoCapacitorNavigationBar product and choose the app target that should link it.

CocoaPods

1. In your app's Podfile, add pod 'CapgoCapacitorNavigationBar', :path => '../node_modules/@capgo/capacitor-navigation-bar' inside the Capacitor target.
2. Run pod install.

API

• setNavigationBarColor(...)
• getNavigationBarColor()
• Enums

setNavigationBarColor(...)

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

Param	Type
options	{ color: string; darkButtons?: boolean; }

---

getNavigationBarColor()

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

Returns: Promise<{ color: string; darkButtons: boolean; }>

---

Enums

NavigationBarColor

Members	Value
WHITE	"#FFFFFF"
BLACK	"#000000"
TRANSPARENT	"transparent"