iOS Simulator shows background on transparent images with template rendering mode : The icons in my tab bar are showing white backgrounds behind them even though the image set in the Asset catalog has "Render As" set to "Template Image".

[![Background behind UIImage with rendering mode .alwaysTemplate][1]][1]

I've even set this programmatically:

    let booImage = UIImage(named: "boo")?.withRenderingMode(.alwaysTemplate)
    self.tabBarItem = UITabBarItem(title: "Boo", image: booImage, tag: 1)

But I'm still seeing the same issue. The image is definitely transparent.

[![The final png][2]][2]
[![A screenshot of the icon in Pixelmator][3]][3]

Unfortunately I can't test this on my phone because I've exceeded the number of devices, and my membership is expired so it won't even allow me to remove any devices. With holidays, money is tight so I can't afford to renew my developer membership till after holidays.

Anyone have an idea why the white background shows up? Does it have anything to do with the fact that its running in the simulator?


  [1]: https://i.stack.imgur.com/OtpVT.jpg
  [2]: https://i.stack.imgur.com/EeKRv.png
  [3]: https://i.stack.imgur.com/Iy2ne.jpg