+
1 1 1
  1. #1
    Status
    Offline
      Rise Company
    Engineering and Technology
    Apr 2014
    Egypt
    4,639
    10

    / Status and Navigation Bar -


    / Status and Navigation Bar -
    Phone Gap / Cordova



    mko Since some Android 4+ apps build for the platform can run full screen, and since 4.4+ apps using the Immersive mode can hide the status & navbar and allow for a truly fullscreen UI.


    :

    : Config

    1- :

    :
    cordova plugin add cordova-plugin-statusbar
    2- :

    :
    <preference name="StatusBarOverlaysWebView" value="true" />
    :
      <preference name="StatusBarBackgroundColor" value="#000000" />


    :

    :
    <!DOCTYPE html>
    <html>
      <head>
        <title>Device Ready Example</title>
    
        <script type="text/javascript" charset="utf-8" src="cordova.js"></script>
        <script type="text/javascript" charset="utf-8">
    
        // Wait for device API libraries to load
        //
        function onLoad() {
            document.addEventListener("deviceready", onDeviceReady, false);
        }
    
        // device APIs are available
        //
        function onDeviceReady() {
            // Now safe to use device APIs
            StatusBar.hide();
        }
    
        </script>
      </head>
      <body onload="onLoad()">
      </body>
    </html>


    :
    https://cordova.apache.org/docs/en/4...viceready.html

    https://cordova.apache.org/docs/en/l...gin-statusbar/




    ------------------------------------------------------------------------
    Rise Company for Engineering & Technology
    ------------------------------------------------------------------------
    Web Hosting | Web Designing | E-Marketing

    # 1 Business Services

    Web Hosting - Business Emails

    Web Design - Google Adwords

    www.rise.company | www.rise.company/emails

    :
    ! .



  1. Color Background -
    Rise Company Ionic/Cordova
    : 0
    : 23-07-2017, 17:48
  2. Orientation -
    Rise Company Ionic/Cordova
    : 0
    : 23-07-2017, 17:18
  3. Splash Screen -
    Rise Company Ionic/Cordova
    : 0
    : 23-07-2017, 17:04
  4. Full Screen -
    Rise Company Ionic/Cordova
    : 0
    : 23-07-2017, 16:41
  5. Phone Gap - Cordova | Splash Screen
    Rise Company Ionic/Cordova
    : 0
    : 21-07-2017, 18:16