search

capacitor-community / proposals

Plugin and platform requests ✋
74 stars 2 forks source link

Navigation Bar #51

Open somq opened 4 years ago

somq commented 4 years ago

Plugin Request

Name: Navigation Bar Package: @capacitor-community/navigation-bar

Platform(s)

Android, iOS

Existing Solutions

Description

Manipulate presence and color of the navigation bar

imhoffd commented 4 years ago

@somq What is the status of the listed Cordova plugins? Do they work with Capacitor?

somq commented 4 years ago

Hi @dwieeb

Fagundes one works, the other one is broken but not so useful anyway (only hides the sb). Also, the Ionic plugin does not work .
https://github.com/cranberrygame/cordova-plugin-navigationbar Broken, only hides
https://github.com/fagundes/cordova-plugin-navigationbar Works w/ Capacitor
https://github.com/armespavong/ionic-plugin-navigation-bar-color Broken
penghuili commented 3 years ago

Hi @somq , it seems there is no @ionic-native/navigationbar-color for https://github.com/fagundes/cordova-plugin-navigationbar. I am new to capacitor/Cordova, could you show me how to use https://github.com/fagundes/cordova-plugin-navigationbar in a capacitor project?

Thank you very much!

somq commented 3 years ago

Just declare an any TS var

npm i cordova-plugin-navigationbar-color --save

app.component.ts

declare var NavigationBar: any;

export class AppComponent {
  constructor(private platform: Platform) {
    init()
  }
  init() {
    this.platform.ready().then(() => {
      NavigationBar.backgroundColorByHexString('#1f1f1f');
   })
  }
}

All cordova plugins gets available in the global window object, logs it at app bootstrap you'll see them.

penghuili commented 3 years ago

wow, @somq thank you very much! I am using React, but your code still works, since it's in window.

lubomirblazekcz commented 3 years ago

there is also https://github.com/nikosdouvlis/capacitor-navigationbar and https://github.com/Jonarod/capacitor-navigation-bar

alanxp commented 3 years ago

there is also https://github.com/nikosdouvlis/capacitor-navigationbar and https://github.com/Jonarod/capacitor-navigation-bar

They are in early stages of development, they wont hide yet

f1ght4fun commented 3 years ago

is there any progress on this to get an actual capacitor plugin for navigation bar from core ionic team !?

antonioberetini commented 3 years ago

It's super annoying that android apps can't leverage navigation and status bar section to allow apps to span top to bottom of the screen like we can do in iOS capacitor apps. Can someone please develop this for capacitor as it's making android look like a third world citizen compared to iOS apps on capacitor.

hugotomazi commented 3 years ago

Hello @imhoffd I developed a Plugin to control the device navigation bar (https://github.com/hugotomazi/navigation-bar).

Currently the Plugin only supports Android devices because I don't have the tools to develop on the iOS platform. I would like the project to be added to the capacitor-community so that someone who is interested and also has the tools to develop on iOS can help me continue the project.

I-am-abdulazeez commented 3 years ago

@imhoffd, Cool... It works, hoping for the IOS platform soon. Thanks

riderx commented 2 years ago

@hugotomazi i added your plugin to awesome-capacitor if that is useful please take time to star the repo as well :)

antonioberetini commented 2 years ago

Your link is broken

Get Outlook for iOShttps://aka.ms/o0ukef

From: Martin DONADIEU @.> Sent: Wednesday, November 17, 2021 9:03:31 PM To: capacitor-community/proposals @.> Cc: Tony Beretini @.>; Comment @.> Subject: Re: [capacitor-community/proposals] Navigation Bar (#51)

@hugotomazihttps://github.com/hugotomazi i added your plugin to awesome-capacitorhttps://github.com/riderx/awesome-capacitor if that is useful please take time to start the repo as well :)

— You are receiving this because you commented. Reply to this email directly, view it on GitHubhttps://github.com/capacitor-community/proposals/issues/51#issuecomment-972472514, or unsubscribehttps://github.com/notifications/unsubscribe-auth/APUUMIHVL63P4GT3HI4YFPLUMRUIHANCNFSM4PHQK6OA.

riderx commented 2 years ago

@antonioberetini fixed sorry it was in private