splash gradient color?


#1

I know that I can set the background color

    "splash": {
      "image": "./assets/images/splash.png",
      "resizeMode": "contain",
      "backgroundColor": "#00FF00"
    },

But is it possible to make a gradient from the top left down to the bottom right?

BTW: I know that I can make a “fake” radial gradient by using the allowed transparency for the splash.png.


#2

Hey @norfeldtconsulting,

Unfortunately this isn’t currently possible. One option would be create a gradient in your splash .png but you may run into some border coloring issues due to resizeMode.

Cheers,

Adam


#3

Thank you for your reply @adamjnav

And I’m guessing that I can layer two images with different resizeMode as the splash screen, right?

"splash": {
  "image": ["./assets/gradient.png", "./assets/splash.png"],
  "resizeMode": ["cover", "contain"],
  "backgroundColor": "#004080"
}

closed #4

This topic was automatically closed 15 days after the last reply. New replies are no longer allowed.