Skip to content

Render Images with borderRadius in FlatList/ScrollView only on android 5.0 will render black circle. #15537

Closed
@tsaohucn

Description

@tsaohucn

Is this a bug report?

Yes

Have you read the Contributing Guidelines?

Yes

Environment

  1. react-native -v: 0.47.1
  2. node -v: v6.9.4
  3. npm -v: 5.3.0
  4. yarn --version: v0.27.5

Then, specify:

  • Target Platform: android : 5.0/ 6.0 /7.0
  • Development Operating System: macOS
  • Build tools: buildToolsVersion : 25.0.2

Steps to Reproduce

  1. create ListView/ScrollView
  2. render each Image item with borderRadius(props or style)
  3. build in android 5.0/6.0/7.0 , and android 6.0/7.0 render correct, only android 5.0 render incorrect

Expected Behavior

  • android 6.0/7.0 render correct as below

2017-08-17 10 54 14

Actual Behavior

android 5.0 render incorrect as below

2017-08-16 11 43 28

  • If I cancel borderRadius in android 5.0 then it render correct as below

2017-08-17 11 00 49

So it seem like the picture will render incorrect(black circle) when use borderRadius with image in FlatList/ScrollView on android 5.0

Reproducible Demo

(Paste the link to an example project and exact instructions to reproduce the issue.)

Metadata

Metadata

Assignees

No one assigned

    Labels

    StaleThere 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