Nativescript: Add linear gradient color in NS for CSS background

[karumurikiran]

[enchev]

Hey @karumurikiran,

I've recently added support for clip-path CSS property and I will extend this with linear-gradient as well!

Here is something for iOS already working:

 <Button text="rect" style="clip-path: linear-gradient(90deg, red, orange, yellow, green, blue, indigo, violet); border-width:2; border-color: blue; " />

[enchev]

Actually it will be better if we can specify linear-gradient as CSS background. In this case we will have both gradient and shape if needed.

[sitefinitysteve]

Lets get this bad-boy into the docs asap

[enchev]

Added: https://github.com/NativeScript/docs/commit/57c935ed87dfa5b2529bf4fdfa6211d5a4ab74ae

[NathanaelA]

@enchev; is linear-gradient actually supported; I'm not seeing any code for this in the tns-core-modules...

[enchev]

@NathanaelA Unfortunately still not. Not enough time to finish this.

[robophil]

has this been added yet?

[OPADA-Eng]

Is it added or not ?

[toddanglin]

I suggest closing this issue and tracking further updates on support for CSS gradients in {N} here:
https://github.com/NativeScript/NativeScript/issues/539

[lock[bot]]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.