اخفاء / تغيير لون شريط ستاتس Status and Navigation Bar

اخفاء / تغيير لون شريط ستاتس 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/

جميع الاكواد فى المرفقات