5 Replies Latest reply on Oct 11, 2016 10:31 PM by VectorP

    My app starts is with a black screen

    Rebus Networks

      My app starts is with a black screen and it takes about 2 seconds to open, how to solve?

        • 1. Re: My app starts is with a black screen
          VectorP Level 4

          Do you expect to see your splashscreen instead? If so, how did you configure that?

           

          About the 2 seconds: what is the problem?

          1 person found this helpful
          • 2. Re: My app starts is with a black screen
            Rebus Networks Level 1

            When I open the application it appears the application name and a black screen, I believe is the SplashScreen because when configured the way you found correct it opened faster because it reduces the time but do not know how to configure it to not show the black screen with the name and the application icon

            The two seconds was before my splashscreen configuration..

            • 3. Re: My app starts is with a black screen
              VectorP Level 4

              A. Can you please post your full config.xml

              B. Do you have both config.xml and index.html in the root directory of your zip file (assuming PGB)?

              • 4. Re: My app starts is with a black screen
                Rebus Networks Level 1

                <widget xmlns="http://www.w3.org/ns/widgets" xmlns:gap="http://phonegap.com/ns/1.0" id="com.rebusnetworks.loja" version="1.0.0">

                  <name>Test</name>

                  <description>Hello World sample application that responds to the deviceready event.</description>

                  <author href="http://rebus-networks.com/" email="contato@rebus-networks.com">RebusNetworks</author>

                  <content src="index.html"/>

                  <preference name="phonegap-version" value="3.7.0"/>

                  <preference name="DisallowOverscroll" value="true"/>

                  <plugin name="cordova-plugin-media-capture" source="npm" spec="~1.2.0"/>

                  <plugin name="cordova-plugin-console" source="npm" spec="~1.0.2"/>

                  <plugin name="cordova-plugin-device" source="npm" spec="~1.1.1"/>

                  <plugin name="cordova-plugin-device-motion" source="npm" spec="~1.2.0"/>

                  <plugin name="cordova-plugin-device-orientation" source="npm" spec="~1.0.2"/>

                  <plugin name="cordova-plugin-dialogs" source="npm" spec="~1.2.0"/>

                  <plugin name="cordova-plugin-geolocation" source="npm" spec="~2.1.0"/>

                  <plugin name="cordova-plugin-globalization" source="npm" spec="~1.0.3"/>

                  <plugin name="cordova-plugin-inappbrowser" source="npm" spec="~1.3.0"/>

                  <plugin name="cordova-plugin-media" source="npm" spec="~2.2.0"/>

                  <plugin name="cordova-plugin-network-information" source="npm" spec="~1.2.0"/>

                  <plugin name="cordova-plugin-splashscreen" source="npm" spec="~3.2.1"/>

                  <plugin name="cordova-plugin-statusbar" source="npm" spec="~2.1.2"/>

                  <plugin name="cordova-plugin-whitelist" source="npm" spec="~1.2.1"/>

                  <icon src="icon.png"/>

                  <platform name="android">

                    <icon src="www/res/icon/android/drawable-ldpi-icon.png" density="ldpi"/>

                    <icon src="www/res/icon/android/drawable-mdpi-icon.png" density="mdpi"/>

                    <icon src="www/res/icon/android/drawable-hdpi-icon.png" density="hdpi"/>

                    <icon src="www/res/icon/android/drawable-xhdpi-icon.png" density="xhdpi"/>

                    <icon src="www/res/icon/android/drawable-xxhdpi-icon.png" density="xxhdpi"/>

                    <icon src="www/res/icon/android/drawable-xxxhdpi-icon.png" density="xxxhdpi"/>

                    <splash src="www/res/screen/android/drawable-land-ldpi-screen.png" density="land-ldpi"/>

                    <splash src="www/res/screen/android/drawable-land-mdpi-screen.png" density="land-mdpi"/>

                    <splash src="www/res/screen/android/drawable-land-hdpi-screen.png" density="land-hdpi"/>

                    <splash src="www/res/screen/android/drawable-land-xhdpi-screen.png" density="land-xhdpi"/>

                    <splash src="www/res/screen/android/drawable-land-xxhdpi-screen.png" density="land-xxhdpi"/>

                    <splash src="www/res/screen/android/drawable-land-xxxhdpi-screen.png" density="land-xxxhdpi"/>

                    <splash src="www/res/screen/android/drawable-port-ldpi-screen.png" density="port-ldpi"/>

                    <splash src="www/res/screen/android/drawable-port-mdpi-screen.png" density="port-mdpi"/>

                    <splash src="www/res/screen/android/drawable-port-hdpi-screen.png" density="port-hdpi"/>

                    <splash src="www/res/screen/android/drawable-port-xhdpi-screen.png" density="port-xhdpi"/>

                    <splash src="www/res/screen/android/drawable-port-xxhdpi-screen.png" density="port-xxhdpi"/>

                    <splash src="www/res/screen/android/drawable-port-xxxhdpi-screen.png" density="port-xxxhdpi"/>

                  </platform>

                  <platform name="ios">

                    <icon src="www/res/icon/ios/icon.png" platform="ios" width="57" height="57"/>

                    <icon src="www/res/icon/ios/icon@2x.png" platform="ios" width="114" height="114"/>

                    <icon src="www/res/icon/ios/icon-40.png" platform="ios" width="40" height="40"/>

                    <icon src="www/res/icon/ios/icon-40@2x.png" platform="ios" width="80" height="80"/>

                    <icon src="www/res/icon/ios/icon-50.png" platform="ios" width="50" height="50"/>

                    <icon src="www/res/icon/ios/icon-50@2x.png" platform="ios" width="100" height="100"/>

                    <icon src="www/res/icon/ios/icon-60.png" platform="ios" width="60" height="60"/>

                    <icon src="www/res/icon/ios/icon-60@2x.png" platform="ios" width="120" height="120"/>

                    <icon src="www/res/icon/ios/icon-60@3x.png" platform="ios" width="180" height="180"/>

                    <icon src="www/res/icon/ios/icon-72.png" platform="ios" width="72" height="72"/>

                    <icon src="www/res/icon/ios/icon-72@2x.png" platform="ios" width="144" height="144"/>

                    <icon src="www/res/icon/ios/icon-76.png" platform="ios" width="76" height="76"/>

                    <icon src="www/res/icon/ios/icon-76@2x.png" platform="ios" width="152" height="152"/>

                    <icon src="www/res/icon/ios/icon-small.png" platform="ios" width="29" height="29"/>

                    <icon src="www/res/icon/ios/icon-small@2x.png" platform="ios" width="58" height="58"/>

                    <icon src="www/res/icon/ios/icon-small@3x.png" platform="ios" width="87" height="87"/>

                    <splash src="www/res/screen/ios/Default-568h@2x~iphone.png" platform="ios" width="640" height="1136"/>

                    <splash src="www/res/screen/ios/Default-667h.png" platform="ios" width="750" height="1334"/>

                    <splash src="www/res/screen/ios/Default-736h.png" platform="ios" width="1242" height="2208"/>

                    <splash src="www/res/screen/ios/Default-Landscape-736h.png" platform="ios" width="2208" height="1242"/>

                    <splash src="www/res/screen/ios/Default-Landscape@2x~ipad.png" platform="ios" width="2048" height="1536"/>

                    <splash src="www/res/screen/ios/Default-Landscape~ipad.png" platform="ios" width="1024" height="768"/>

                    <splash src="www/res/screen/ios/Default-Portrait@2x~ipad.png" platform="ios" width="1536" height="2048"/>

                    <splash src="www/res/screen/ios/Default-Portrait~ipad.png" platform="ios" width="768" height="1024"/>

                    <splash src="www/res/screen/ios/Default@2x~iphone.png" platform="ios" width="640" height="960"/>

                    <splash src="www/res/screen/ios/Default~iphone.png" platform="ios" width="320" height="480"/>

                  </platform>

                  <platform name="wp8">

                    <icon src="www/res/icon/wp8/ApplicationIcon.png" platform="wp8" width="99" height="99"/>

                    <icon src="www/res/icon/wp8/Background.png" platform="wp8" width="159" height="159"/>

                    <splash src="www/res/screen/wp8/screen-portrait.jpg" platform="wp8" width="768" height="1280"/>

                  </platform>

                  <platform name="windows">

                    <icon src="www/res/icon/windows/Square150x150Logo.scale-100.png" platform="windows" width="150" height="150"/>

                    <icon src="www/res/icon/windows/Square30x30Logo.scale-100.png" platform="windows" width="30" height="30"/>

                    <icon src="www/res/icon/windows/StoreLogo.scale-100.png" platform="windows" width="50" height="50"/>

                    <splash src="www/res/screen/windows/SplashScreen.scale-100.png" platform="windows" width="620" height="300"/>

                    <icon src="www/res/icon/windows/StoreLogo.scale-240.png" platform="windows" width="120" height="120"/>

                    <icon src="www/res/icon/windows/Square44x44Logo.scale-100.png" platform="windows" width="44" height="44"/>

                    <icon src="www/res/icon/windows/Square44x44Logo.scale-240.png" platform="windows" width="106" height="106"/>

                    <icon src="www/res/icon/windows/Square70x70Logo.scale-100.png" platform="windows" width="70" height="70"/>

                    <icon src="www/res/icon/windows/Square71x71Logo.scale-100.png" platform="windows" width="71" height="71"/>

                    <icon src="www/res/icon/windows/Square71x71Logo.scale-240.png" platform="windows" width="170" height="170"/>

                    <icon src="www/res/icon/windows/Square150x150Logo.scale-240.png" platform="windows" width="360" height="360"/>

                    <icon src="www/res/icon/windows/Square310x310Logo.scale-100.png" platform="windows" width="310" height="310"/>

                    <icon src="www/res/icon/windows/Wide310x150Logo.scale-100.png" platform="windows" width="310" height="150"/>

                    <icon src="www/res/icon/windows/Wide310x150Logo.scale-240.png" platform="windows" width="744" height="360"/>

                    <splash src="www/res/screen/windows/SplashScreenPhone.scale-240.png" platform="windows" width="1152" height="1920"/>

                  </platform>

                  <access origin="*"/>

                  <allow-intent href="http://*/*"/>

                  <allow-intent href="https://*/*"/>

                  <allow-intent href="tel:*"/>

                  <allow-intent href="sms:*"/>

                  <allow-intent href="mailto:*"/>

                  <allow-intent href="geo:*"/>

                  <platform name="android">

                    <allow-intent href="market:*"/>

                  </platform>

                  <platform name="ios">

                    <allow-intent href="itms:*"/>

                    <allow-intent href="itms-apps:*"/>

                  </platform>

                </widget>

                The index.html is in the www.

                http://prntscr.com/csqcdt

                • 5. Re: My app starts is with a black screen
                  VectorP Level 4

                  There are some severe problems if you are using Phonegap Build

                   

                  1. You must upgrade to cli-6.3.0 from 3.7.0, otherwise the Stores will reject.

                  2. You can't upload a full Cordova project to PGB. It wants the assets and a config, only. See the Getting Started section of the PGB Docs

                  3. Use the qualifier attribute instead of the density attribute for compound qualifiers. See the Icons and Splashscreens section of the PGB docs.

                  4. You are pinning several plugins to older versions, thus missing updates. Why?