Skip to content

Overlapping pixels with opacity < 1 #18137

Closed
@serjKim

Description

@serjKim

Is this a bug report?

yes

Have you read the Contributing Guidelines?

yes

Environment

  Environment:
    OS:  Windows 10 Pro
    Node:  6.11.3
    Yarn:  1.1.0
    npm:  3.10.9
    Watchman:  none
    Xcode:  none
    Android Studio:  Android Studio 3.0.1 Build #AI-171.4443003

  Packages: (wanted => installed)
    react-native: 0.53.0 => 0.53.0
    react: 16.2.0 => 16.2.0

Steps to Reproduce

  1. Change styles.item.opacity less than 1.

Expected Behavior

View should be rendered without overlapping pixels.

Actual Behavior

I see some overlapping pixels between views. Reproduced on iPhone X (iOS v11.2.6):

x

Also, reproduced on snack.expo.io:

expo

Reproducible Demo

https://snack.expo.io/SJBSNS4_G

Metadata

Metadata

Assignees

No one assigned

    Labels

    JavaScriptStaleThere has been a lack of activity on this issue and it may be closed soon.

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions