DecSoft Support - Navigation bar color in Android 8+

Navigation bar color in Android 8+

Save time, resources and money creating apps for Android, iOS and more with the same base of code.

DecSoft App Builder include a convenient Command Line Compiler, so you can compile your apps from the console.

Save money by purchasing our NeoPlugins bundles. Five, Ten and even the complete NeoPlugins collection at an incredible price!

DecSoft NeoPlugins put your VisualNeo projects into another level with +1,000 new actions for your apps.

Take a look at some frequently asked questions about us and our products!

DecSoft App Builder integrates an Open AI assistant in order to assist you while developing your apps.

Create modern HTML apps and games at another level making things impossible to do even by modern HTML apps and games.

DecSoft HTML Compiler is easy to use: set your project's options and compile your apps and games in a nutshell.

Take a look at our YouTube channel and subscribe to be notified about new videos!

Create multiplatform apps with DecSoft App Builder, including Android and iOS with the same base of code.

Create apps and expand their capabilities by using the world's popular programming language: Javascript.

DecSoft HTML Compiler include a convenient Command Line Compiler, so you can compile your apps from the console.

Compile, convert your modern HTML apps and games into Microsoft Windows executable programs without dependencies.

DecSoft NeoPlugins are available in both runtime and designtime flavours to keep your apps as small as possible.

Apache Cordova's official plugins are supported out of the box and there are hundreds of plugins ready to use.

Design for small screen devices but deploy also (without changes) in larger devices like tablets.

DecSoft

Hello to all,

This post is just to inform that I recently start to use the cordova-plugin-navigationbar in certain app and works like a charm. :-) I recently need to get a new Android phone (my old one was... very old...) and the navigation bar are something completely new to me. With this plugin, just by refering to it and a bit of XML in our app's Cordova's configuration, we can set the color for the navigation bar, not to mention other possible abilities like to show and/hide the navigation bar (I did not test this yet). I hope this information can be good!

Here is an app sample, just copy the below XML into a file and save it as "MyApp.ab". Open it with AB and then compile the app with Apache Cordova for Android:

<?xml version="1.0" encoding="utf-8"?>
<AppBuilder Version="2019.39">
  <App>
    <ID>com.appbuilder.navigationbar</ID>
    <Name>NavigationBar</Name>
    <ShortName>NavigationBar</ShortName>
    <Version>1.0.0</Version>
    <Width>320</Width>
    <Height>480</Height>
    <Description>Another App Builder app</Description>
    <AuthorName>App Builder</AuthorName>
    <AuthorUrl>https://www.decsoftutils.com/</AuthorUrl>
    <AuthorEmail>info@decsoftutils.com</AuthorEmail>
    <Created>2019-05-16T12:57:18.697</Created>
    <Modified>2019-05-16T13:01:54.826</Modified>
    <Metadata />
    <Webapp />
    <ProWebApp>
      <BgColor>#ff0f00</BgColor>
      <ThemeColor>#ff0f00</ThemeColor>
    </ProWebApp>
    <WebExtension />
    <Cordova>
      <General>
        <CreateConfig>1</CreateConfig>
        <StatusBarBgColor>#000000</StatusBarBgColor>
      </General>
      <Plugins>
        <Custom>
          <![CDATA[cordova-plugin-navigationbar-color]]>
        </Custom>
      </Plugins>
      <Electron />
      <Android />
      <IOS>
        <DebugSignPackageType>development</DebugSignPackageType>
        <ReleaseSignBuildFlags>development</ReleaseSignBuildFlags>
      </IOS>
      <Windows />
      <Phonegap />
      <Platforms>
        <Android>1</Android>
      </Platforms>
      <Splash>
        <SplashSpinnerColor>#ffffff</SplashSpinnerColor>
      </Splash>
      <Config>
        <ExtraXML>
          <![CDATA[
<preference name="NavigationBarBackgroundColor" value="#56ace0">]]>
        </ExtraXML>
      </Config>
      <Paths />
    </Cordova>
  </App>
  <Views>
    <View>
      <Name>Master</Name>
      <IsMaster>1</IsMaster>
      <Controls />
    </View>
    <View>
      <Name>View1</Name>
      <Controls>
        <Control Role="40001">
          <Name>Comment1</Name>
          <Top>96</Top>
          <Left>360</Left>
          <Width>472</Width>
          <Height>88</Height>
          <Text>
            <![CDATA[Compile this App with Apache Cordova in order to see the Cordova's navigation bar plugin in action. Take a look at the app's Cordova's custom plugins options, in which we refer the plugin's ID to be installed and available, and, take also a look at the Cordova's Configuration Extra XML options, in which we place the right XML stuff to determine the color of the navigation bar.]]>
          </Text>
        </Control>
      </Controls>
    </View>
  </Views>
  <Functions />
  <Files>
    <Styles />
    <Scripts />
    <Folders />
    <Images />
    <Others />
  </Files>
  <Generator>
    <Name>App Builder</Name>
    <Version>2019.39 (5/2/2019)</Version>
    <Email>mailto:info@decsoftutils.com</Email>
    <Website>https://www.decsoftutils.com/</Website>
    <Copyright>©2019 App Builder by DecSoft</Copyright>
  </Generator>
</AppBuilder>

Purchase one or more licenses of our products if they are useful to you!

Everybody can read the DecSoft support forum for learning purposes, however only DecSoft customers can post new threads. Purchase one or more licenses of some DecSoft products in order to give this and other benefits.