Add Icon 83.5x83.5@2x to iOS App in Visual Studio Tools for Apache Cordova with remote-build

Question

I have added a icon called icon-83.5-2x.png in the res folder and add the following line to the config.xml:

<icon height="167" src="res/icons/ios/icon-83.5-2x.png" width="167" />

the icon is copied into the folder AppIcon.appiconset on my windows machine but not on my mac. How can I add the iPad Pro icon to the Xcode project?

Answer 1

There is support for this icon size in the latest version of the iOS platform support in Cordova, with Cordova v6.1.0 (iOS Platform support v4.1.0). As of March 2016, Visual Studio's Cordova tooling is using Cordova v6.0.0 (with iOS platform v.4.0). Until the Visual Studio default changes, here's how you can update your project to use Cordova 6.1 with the updated iOS platform which will fix your issue:

1. Open config.xml in your project
2. Go to the Platforms tab
3. Change the Cordova CLI version to "6.1.0"
4. Close the window and save your changes
5. Build the project again

Now you should see that the icon is copied via remote build correctly.

I'll also add that I'm a part of the Visual Studio Cordova tools team and in our initial testing with 6.1.0 so far we haven't found any issues. However, until we complete our full test passes, there may be some problems we just haven't encountered yet.