Nativescript: Image tintColor fills the image completely, no alpha

Created on 6 May 2018  路  1Comment  路  Source: NativeScript/NativeScript

problem occurs on iOS only

version numbers that the issue occurs with:

play.nativescript.org 4.0.1

  • CLI: 4.0.0
  • Cross-platform modules: "version": "4.0.0-2018-04-30-03"
  • Runtime(s): "tns-android": {
    "version": "4.1.0-2018.4.30.1"
    },
    "tns-ios": {
    "version": "4.0.1"
    }

to reproduce

add an image in native playground project play.nativescript.org
apply tintColor to the image
add alpha channel to the tintColor
e.g.

<Image src="https://play.nativescript.org/dist/assets/img/NativeScript_logo.png" tintColor="rgba(31, 25, 11, 0.5)" ></Image>

expected: the content of the image is drawn with the tone specified by the tintColor attribute
actual: the image is drawn as a solid shape of the specified tintColor

works as expected on Android

Is there code involved?

no

sample screen shots

iphone -- grey box instead of tinted image

image

android -- correct tinted image

image


Want to back this issue? Post a bounty on it! We accept bounties via Bountysource.

backlog bug help wanted ios

Most helpful comment

Hi @Zurid,

I tested it on my side and have to confirm that this is a real issue, which could be reproduced in a non-Angular project as well.

>All comments

Hi @Zurid,

I tested it on my side and have to confirm that this is a real issue, which could be reproduced in a non-Angular project as well.

Was this page helpful?
0 / 5 - 0 ratings