You are viewing a plain text version of this content. The canonical link for it is here.
Posted to issues@cordova.apache.org by GitBox <gi...@apache.org> on 2021/10/24 22:51:52 UTC

[GitHub] [cordova-plugin-splashscreen] zeshanb opened a new issue #321: iOS Launch screen images

zeshanb opened a new issue #321:
URL: https://github.com/apache/cordova-plugin-splashscreen/issues/321


   I followed cordova Splashscreen documentation on cordova.apache.org.
   
   After running the cordova command to build and emulate the app I have to manually drag images in Xcode LaunchStoryboard and run emulator in Xcode.
   
   The Images are suppose to appear in this directory:
   ![images-need-placed-here](https://user-images.githubusercontent.com/6672739/138612367-c610335e-0b83-46ef-9d10-cf5bb8aa0d43.png)
   
   The Images.xcassets directory is located under resources iOS Xcode project: 
   ![under-resources-xcode-project](https://user-images.githubusercontent.com/6672739/138612377-3f9d5b36-af72-4435-ad51-0e5fd9f9bf37.png)
   
   Bare minimum only the following images were required:
   
   - default-2.png at 320 x 480 pixels
   - default-568h@2x-1.png at 640 x 1136
   - default-portrait-736h@3x-1.png at 1242 x 2208
   - default@2x-1.png at 640x960
   
   The Xcode interface generates a .json file and the .json file is placed in LaunchStoryboard.imageset directory. Only few images are required. Here is a sample of the json file:
   
   ````````````
   {
     "images" : [
       {
         "filename" : "default-2.png",
         "idiom" : "universal",
         "scale" : "1x"
       },
       {
         "appearances" : [
           {
             "appearance" : "luminosity",
             "value" : "light"
           }
         ],
         "idiom" : "universal",
         "scale" : "1x"
       },
       {
         "appearances" : [
           {
             "appearance" : "luminosity",
             "value" : "dark"
           }
         ],
         "idiom" : "universal",
         "scale" : "1x"
       },
       {
         "filename" : "default-568h@2x-1.png",
         "idiom" : "universal",
         "scale" : "2x"
       },
       {
         "appearances" : [
           {
             "appearance" : "luminosity",
             "value" : "light"
           }
         ],
         "idiom" : "universal",
         "scale" : "2x"
       },
       {
         "appearances" : [
           {
             "appearance" : "luminosity",
             "value" : "dark"
           }
         ],
         "idiom" : "universal",
         "scale" : "2x"
       },
       {
         "filename" : "default-portrait-736h@3x-1.png",
         "idiom" : "universal",
         "scale" : "3x"
       },
       {
         "appearances" : [
           {
             "appearance" : "luminosity",
             "value" : "light"
           }
         ],
         "idiom" : "universal",
         "scale" : "3x"
       },
       {
         "appearances" : [
           {
             "appearance" : "luminosity",
             "value" : "dark"
           }
         ],
         "idiom" : "universal",
         "scale" : "3x"
       },
       {
         "height-class" : "compact",
         "idiom" : "universal",
         "scale" : "1x"
       },
       {
         "appearances" : [
           {
             "appearance" : "luminosity",
             "value" : "light"
           }
         ],
         "height-class" : "compact",
         "idiom" : "universal",
         "scale" : "1x"
       },
       {
         "appearances" : [
           {
             "appearance" : "luminosity",
             "value" : "dark"
           }
         ],
         "height-class" : "compact",
         "idiom" : "universal",
         "scale" : "1x"
       },
       {
         "height-class" : "compact",
         "idiom" : "universal",
         "scale" : "2x"
       },
       {
         "appearances" : [
           {
             "appearance" : "luminosity",
             "value" : "light"
           }
         ],
         "height-class" : "compact",
         "idiom" : "universal",
         "scale" : "2x"
       },
       {
         "appearances" : [
           {
             "appearance" : "luminosity",
             "value" : "dark"
           }
         ],
         "height-class" : "compact",
         "idiom" : "universal",
         "scale" : "2x"
       },
       {
         "height-class" : "compact",
         "idiom" : "universal",
         "scale" : "3x"
       },
       {
         "appearances" : [
           {
             "appearance" : "luminosity",
             "value" : "light"
           }
         ],
         "height-class" : "compact",
         "idiom" : "universal",
         "scale" : "3x"
       },
       {
         "appearances" : [
           {
             "appearance" : "luminosity",
             "value" : "dark"
           }
         ],
         "height-class" : "compact",
         "idiom" : "universal",
         "scale" : "3x"
       },
       {
         "idiom" : "universal",
         "scale" : "1x",
         "width-class" : "compact"
       },
       {
         "appearances" : [
           {
             "appearance" : "luminosity",
             "value" : "light"
           }
         ],
         "idiom" : "universal",
         "scale" : "1x",
         "width-class" : "compact"
       },
       {
         "appearances" : [
           {
             "appearance" : "luminosity",
             "value" : "dark"
           }
         ],
         "idiom" : "universal",
         "scale" : "1x",
         "width-class" : "compact"
       },
       {
         "idiom" : "universal",
         "scale" : "2x",
         "width-class" : "compact"
       },
       {
         "appearances" : [
           {
             "appearance" : "luminosity",
             "value" : "light"
           }
         ],
         "idiom" : "universal",
         "scale" : "2x",
         "width-class" : "compact"
       },
       {
         "appearances" : [
           {
             "appearance" : "luminosity",
             "value" : "dark"
           }
         ],
         "idiom" : "universal",
         "scale" : "2x",
         "width-class" : "compact"
       },
       {
         "idiom" : "universal",
         "scale" : "3x",
         "width-class" : "compact"
       },
       {
         "appearances" : [
           {
             "appearance" : "luminosity",
             "value" : "light"
           }
         ],
         "idiom" : "universal",
         "scale" : "3x",
         "width-class" : "compact"
       },
       {
         "appearances" : [
           {
             "appearance" : "luminosity",
             "value" : "dark"
           }
         ],
         "idiom" : "universal",
         "scale" : "3x",
         "width-class" : "compact"
       },
       {
         "height-class" : "compact",
         "idiom" : "universal",
         "scale" : "1x",
         "width-class" : "compact"
       },
       {
         "appearances" : [
           {
             "appearance" : "luminosity",
             "value" : "light"
           }
         ],
         "height-class" : "compact",
         "idiom" : "universal",
         "scale" : "1x",
         "width-class" : "compact"
       },
       {
         "appearances" : [
           {
             "appearance" : "luminosity",
             "value" : "dark"
           }
         ],
         "height-class" : "compact",
         "idiom" : "universal",
         "scale" : "1x",
         "width-class" : "compact"
       },
       {
         "height-class" : "compact",
         "idiom" : "universal",
         "scale" : "2x",
         "width-class" : "compact"
       },
       {
         "appearances" : [
           {
             "appearance" : "luminosity",
             "value" : "light"
           }
         ],
         "height-class" : "compact",
         "idiom" : "universal",
         "scale" : "2x",
         "width-class" : "compact"
       },
       {
         "appearances" : [
           {
             "appearance" : "luminosity",
             "value" : "dark"
           }
         ],
         "height-class" : "compact",
         "idiom" : "universal",
         "scale" : "2x",
         "width-class" : "compact"
       },
       {
         "height-class" : "compact",
         "idiom" : "universal",
         "scale" : "3x",
         "width-class" : "compact"
       },
       {
         "appearances" : [
           {
             "appearance" : "luminosity",
             "value" : "light"
           }
         ],
         "height-class" : "compact",
         "idiom" : "universal",
         "scale" : "3x",
         "width-class" : "compact"
       },
       {
         "appearances" : [
           {
             "appearance" : "luminosity",
             "value" : "dark"
           }
         ],
         "height-class" : "compact",
         "idiom" : "universal",
         "scale" : "3x",
         "width-class" : "compact"
       },
       {
         "idiom" : "iphone",
         "scale" : "1x"
       },
       {
         "appearances" : [
           {
             "appearance" : "luminosity",
             "value" : "light"
           }
         ],
         "idiom" : "iphone",
         "scale" : "1x"
       },
       {
         "appearances" : [
           {
             "appearance" : "luminosity",
             "value" : "dark"
           }
         ],
         "idiom" : "iphone",
         "scale" : "1x"
       },
       {
         "idiom" : "iphone",
         "scale" : "2x"
       },
       {
         "appearances" : [
           {
             "appearance" : "luminosity",
             "value" : "light"
           }
         ],
         "idiom" : "iphone",
         "scale" : "2x"
       },
       {
         "appearances" : [
           {
             "appearance" : "luminosity",
             "value" : "dark"
           }
         ],
         "idiom" : "iphone",
         "scale" : "2x"
       },
       {
         "idiom" : "iphone",
         "scale" : "3x"
       },
       {
         "appearances" : [
           {
             "appearance" : "luminosity",
             "value" : "light"
           }
         ],
         "idiom" : "iphone",
         "scale" : "3x"
       },
       {
         "appearances" : [
           {
             "appearance" : "luminosity",
             "value" : "dark"
           }
         ],
         "idiom" : "iphone",
         "scale" : "3x"
       },
       {
         "height-class" : "compact",
         "idiom" : "iphone",
         "scale" : "1x"
       },
       {
         "appearances" : [
           {
             "appearance" : "luminosity",
             "value" : "light"
           }
         ],
         "height-class" : "compact",
         "idiom" : "iphone",
         "scale" : "1x"
       },
       {
         "appearances" : [
           {
             "appearance" : "luminosity",
             "value" : "dark"
           }
         ],
         "height-class" : "compact",
         "idiom" : "iphone",
         "scale" : "1x"
       },
       {
         "height-class" : "compact",
         "idiom" : "iphone",
         "scale" : "2x"
       },
       {
         "appearances" : [
           {
             "appearance" : "luminosity",
             "value" : "light"
           }
         ],
         "height-class" : "compact",
         "idiom" : "iphone",
         "scale" : "2x"
       },
       {
         "appearances" : [
           {
             "appearance" : "luminosity",
             "value" : "dark"
           }
         ],
         "height-class" : "compact",
         "idiom" : "iphone",
         "scale" : "2x"
       },
       {
         "height-class" : "compact",
         "idiom" : "iphone",
         "scale" : "3x"
       },
       {
         "appearances" : [
           {
             "appearance" : "luminosity",
             "value" : "light"
           }
         ],
         "height-class" : "compact",
         "idiom" : "iphone",
         "scale" : "3x"
       },
       {
         "appearances" : [
           {
             "appearance" : "luminosity",
             "value" : "dark"
           }
         ],
         "height-class" : "compact",
         "idiom" : "iphone",
         "scale" : "3x"
       },
       {
         "idiom" : "iphone",
         "scale" : "1x",
         "width-class" : "compact"
       },
       {
         "appearances" : [
           {
             "appearance" : "luminosity",
             "value" : "light"
           }
         ],
         "idiom" : "iphone",
         "scale" : "1x",
         "width-class" : "compact"
       },
       {
         "appearances" : [
           {
             "appearance" : "luminosity",
             "value" : "dark"
           }
         ],
         "idiom" : "iphone",
         "scale" : "1x",
         "width-class" : "compact"
       },
       {
         "idiom" : "iphone",
         "scale" : "2x",
         "width-class" : "compact"
       },
       {
         "appearances" : [
           {
             "appearance" : "luminosity",
             "value" : "light"
           }
         ],
         "idiom" : "iphone",
         "scale" : "2x",
         "width-class" : "compact"
       },
       {
         "appearances" : [
           {
             "appearance" : "luminosity",
             "value" : "dark"
           }
         ],
         "idiom" : "iphone",
         "scale" : "2x",
         "width-class" : "compact"
       },
       {
         "idiom" : "iphone",
         "scale" : "3x",
         "width-class" : "compact"
       },
       {
         "appearances" : [
           {
             "appearance" : "luminosity",
             "value" : "light"
           }
         ],
         "idiom" : "iphone",
         "scale" : "3x",
         "width-class" : "compact"
       },
       {
         "appearances" : [
           {
             "appearance" : "luminosity",
             "value" : "dark"
           }
         ],
         "idiom" : "iphone",
         "scale" : "3x",
         "width-class" : "compact"
       },
       {
         "height-class" : "compact",
         "idiom" : "iphone",
         "scale" : "1x",
         "width-class" : "compact"
       },
       {
         "appearances" : [
           {
             "appearance" : "luminosity",
             "value" : "light"
           }
         ],
         "height-class" : "compact",
         "idiom" : "iphone",
         "scale" : "1x",
         "width-class" : "compact"
       },
       {
         "appearances" : [
           {
             "appearance" : "luminosity",
             "value" : "dark"
           }
         ],
         "height-class" : "compact",
         "idiom" : "iphone",
         "scale" : "1x",
         "width-class" : "compact"
       },
       {
         "height-class" : "compact",
         "idiom" : "iphone",
         "scale" : "2x",
         "width-class" : "compact"
       },
       {
         "appearances" : [
           {
             "appearance" : "luminosity",
             "value" : "light"
           }
         ],
         "height-class" : "compact",
         "idiom" : "iphone",
         "scale" : "2x",
         "width-class" : "compact"
       },
       {
         "appearances" : [
           {
             "appearance" : "luminosity",
             "value" : "dark"
           }
         ],
         "height-class" : "compact",
         "idiom" : "iphone",
         "scale" : "2x",
         "width-class" : "compact"
       },
       {
         "height-class" : "compact",
         "idiom" : "iphone",
         "scale" : "3x",
         "width-class" : "compact"
       },
       {
         "appearances" : [
           {
             "appearance" : "luminosity",
             "value" : "light"
           }
         ],
         "height-class" : "compact",
         "idiom" : "iphone",
         "scale" : "3x",
         "width-class" : "compact"
       },
       {
         "appearances" : [
           {
             "appearance" : "luminosity",
             "value" : "dark"
           }
         ],
         "height-class" : "compact",
         "idiom" : "iphone",
         "scale" : "3x",
         "width-class" : "compact"
       },
       {
         "filename" : "default-3.png",
         "idiom" : "ipad",
         "scale" : "1x"
       },
       {
         "appearances" : [
           {
             "appearance" : "luminosity",
             "value" : "light"
           }
         ],
         "idiom" : "ipad",
         "scale" : "1x"
       },
       {
         "appearances" : [
           {
             "appearance" : "luminosity",
             "value" : "dark"
           }
         ],
         "idiom" : "ipad",
         "scale" : "1x"
       },
       {
         "filename" : "default@2x-1.png",
         "idiom" : "ipad",
         "scale" : "2x"
       },
       {
         "appearances" : [
           {
             "appearance" : "luminosity",
             "value" : "light"
           }
         ],
         "idiom" : "ipad",
         "scale" : "2x"
       },
       {
         "appearances" : [
           {
             "appearance" : "luminosity",
             "value" : "dark"
           }
         ],
         "idiom" : "ipad",
         "scale" : "2x"
       },
       {
         "height-class" : "compact",
         "idiom" : "ipad",
         "scale" : "1x"
       },
       {
         "appearances" : [
           {
             "appearance" : "luminosity",
             "value" : "light"
           }
         ],
         "height-class" : "compact",
         "idiom" : "ipad",
         "scale" : "1x"
       },
       {
         "appearances" : [
           {
             "appearance" : "luminosity",
             "value" : "dark"
           }
         ],
         "height-class" : "compact",
         "idiom" : "ipad",
         "scale" : "1x"
       },
       {
         "height-class" : "compact",
         "idiom" : "ipad",
         "scale" : "2x"
       },
       {
         "appearances" : [
           {
             "appearance" : "luminosity",
             "value" : "light"
           }
         ],
         "height-class" : "compact",
         "idiom" : "ipad",
         "scale" : "2x"
       },
       {
         "appearances" : [
           {
             "appearance" : "luminosity",
             "value" : "dark"
           }
         ],
         "height-class" : "compact",
         "idiom" : "ipad",
         "scale" : "2x"
       },
       {
         "idiom" : "ipad",
         "scale" : "1x",
         "width-class" : "compact"
       },
       {
         "appearances" : [
           {
             "appearance" : "luminosity",
             "value" : "light"
           }
         ],
         "idiom" : "ipad",
         "scale" : "1x",
         "width-class" : "compact"
       },
       {
         "appearances" : [
           {
             "appearance" : "luminosity",
             "value" : "dark"
           }
         ],
         "idiom" : "ipad",
         "scale" : "1x",
         "width-class" : "compact"
       },
       {
         "idiom" : "ipad",
         "scale" : "2x",
         "width-class" : "compact"
       },
       {
         "appearances" : [
           {
             "appearance" : "luminosity",
             "value" : "light"
           }
         ],
         "idiom" : "ipad",
         "scale" : "2x",
         "width-class" : "compact"
       },
       {
         "appearances" : [
           {
             "appearance" : "luminosity",
             "value" : "dark"
           }
         ],
         "idiom" : "ipad",
         "scale" : "2x",
         "width-class" : "compact"
       },
       {
         "height-class" : "compact",
         "idiom" : "ipad",
         "scale" : "1x",
         "width-class" : "compact"
       },
       {
         "appearances" : [
           {
             "appearance" : "luminosity",
             "value" : "light"
           }
         ],
         "height-class" : "compact",
         "idiom" : "ipad",
         "scale" : "1x",
         "width-class" : "compact"
       },
       {
         "appearances" : [
           {
             "appearance" : "luminosity",
             "value" : "dark"
           }
         ],
         "height-class" : "compact",
         "idiom" : "ipad",
         "scale" : "1x",
         "width-class" : "compact"
       },
       {
         "height-class" : "compact",
         "idiom" : "ipad",
         "scale" : "2x",
         "width-class" : "compact"
       },
       {
         "appearances" : [
           {
             "appearance" : "luminosity",
             "value" : "light"
           }
         ],
         "height-class" : "compact",
         "idiom" : "ipad",
         "scale" : "2x",
         "width-class" : "compact"
       },
       {
         "appearances" : [
           {
             "appearance" : "luminosity",
             "value" : "dark"
           }
         ],
         "height-class" : "compact",
         "idiom" : "ipad",
         "scale" : "2x",
         "width-class" : "compact"
       }
     ],
     "info" : {
       "author" : "xcode",
       "version" : 1
     }
   }
   ````````````
   
   I would appreciate if this issue can be resolved at your convenience. Thank you for your time.
   
   _Originally posted by @zeshanb in https://github.com/apache/cordova-plugin-splashscreen/issues/263#issuecomment-950393757_


-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: issues-unsubscribe@cordova.apache.org

For queries about this service, please contact Infrastructure at:
users@infra.apache.org



---------------------------------------------------------------------
To unsubscribe, e-mail: issues-unsubscribe@cordova.apache.org
For additional commands, e-mail: issues-help@cordova.apache.org


[GitHub] [cordova-plugin-splashscreen] zeshanb closed issue #321: iOS Launch screen images do not display in emulator and required to be copied to a Xcode project folder

Posted by GitBox <gi...@apache.org>.
zeshanb closed issue #321:
URL: https://github.com/apache/cordova-plugin-splashscreen/issues/321


   


-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: issues-unsubscribe@cordova.apache.org

For queries about this service, please contact Infrastructure at:
users@infra.apache.org



---------------------------------------------------------------------
To unsubscribe, e-mail: issues-unsubscribe@cordova.apache.org
For additional commands, e-mail: issues-help@cordova.apache.org


[GitHub] [cordova-plugin-splashscreen] zeshanb edited a comment on issue #321: iOS Launch screen images do not display in emulator and required to be copied to a Xcode project folder

Posted by GitBox <gi...@apache.org>.
zeshanb edited a comment on issue #321:
URL: https://github.com/apache/cordova-plugin-splashscreen/issues/321#issuecomment-953106588


   Hi there,
   
   This is resolved in stackoverflow. Only one image is required:
   ````
   <splash src="res/screen/ios/Default@2x~universal~anyany.png" />
   
   ````
   
   https://stackoverflow.com/questions/64141434/cordova-ios-6-1-1-white-splash-screen?answertab=oldest#tab-top


-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: issues-unsubscribe@cordova.apache.org

For queries about this service, please contact Infrastructure at:
users@infra.apache.org



---------------------------------------------------------------------
To unsubscribe, e-mail: issues-unsubscribe@cordova.apache.org
For additional commands, e-mail: issues-help@cordova.apache.org


[GitHub] [cordova-plugin-splashscreen] zeshanb commented on issue #321: iOS Launch screen images do not display in emulator and required to be copied to a Xcode project folder

Posted by GitBox <gi...@apache.org>.
zeshanb commented on issue #321:
URL: https://github.com/apache/cordova-plugin-splashscreen/issues/321#issuecomment-953106588


   Hi there,
   
   This is resolved in stackoverflow. Only one image is required:
   <splash src="res/screen/ios/Default@2x~universal~anyany.png" />
   
   https://stackoverflow.com/questions/64141434/cordova-ios-6-1-1-white-splash-screen?answertab=oldest#tab-top


-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: issues-unsubscribe@cordova.apache.org

For queries about this service, please contact Infrastructure at:
users@infra.apache.org



---------------------------------------------------------------------
To unsubscribe, e-mail: issues-unsubscribe@cordova.apache.org
For additional commands, e-mail: issues-help@cordova.apache.org


[GitHub] [cordova-plugin-splashscreen] zeshanb edited a comment on issue #321: iOS Launch screen images do not display in emulator and required to be copied to a Xcode project folder

Posted by GitBox <gi...@apache.org>.
zeshanb edited a comment on issue #321:
URL: https://github.com/apache/cordova-plugin-splashscreen/issues/321#issuecomment-953106588


   Hi there,
   
   This is resolved in stackoverflow. Only one image is required:
   ````
   <splash src="res/screen/ios/Default@2x~universal~anyany.png" />
   
   ```
   
   https://stackoverflow.com/questions/64141434/cordova-ios-6-1-1-white-splash-screen?answertab=oldest#tab-top


-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: issues-unsubscribe@cordova.apache.org

For queries about this service, please contact Infrastructure at:
users@infra.apache.org



---------------------------------------------------------------------
To unsubscribe, e-mail: issues-unsubscribe@cordova.apache.org
For additional commands, e-mail: issues-help@cordova.apache.org