Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

View borderRadius antiAliasing android

See original GitHub issue

Is this a bug report?

Yes

Environment

Environment:
  OS: Windows 10
  Node: 8.1.2
  Yarn: 0.27.5
  npm: 5.3.0
  Watchman: Not Found
  Xcode: N/A
  Android Studio: Version  3.0.0.0 AI-171.4443003

Packages: (wanted => installed)
  react: 16.0.0 => 16.0.0
  react-native: 0.51.0 => 0.51.0

  Target Platform: Android (7.1.1)

Steps to Reproduce

<View style={{ width: 32, height: 32, borderRadius: 16, borderWidth: 2, borderColor: '#2196f3', }}/>

Behavior

expected like ART.Shape at left, but actual View behabior at right

antialias

Issue Analytics

State:
Created 6 years ago
Reactions:10
Comments:5 (2 by maintainers)

Top GitHub Comments

19reactions

react-native-botcommented, Feb 24, 2018

Thanks for posting this! It looks like you may not be using the latest version of React Native, v0.53.0, released on January 2018. Can you make sure this issue can still be reproduced in the latest version?

I am going to close this, but please feel free to open a new issue if you are able to confirm that this is still a problem in v0.53.0 or newer.

_{How to Contribute • What to Expect from Maintainers}

0reactions

gedeagascommented, Feb 1, 2018

I think this issue is related to https://github.com/facebook/react-native/issues/17267 by @dannycochran

Top Results From Across the Web

Android borderRadius antiAliasing / jagged edges #24486

Bug Report Drawing nested Views with borderRadius results in a jagged edge: To Reproduce.

react-native android borderRadius antiAliasing - Stack Overflow

AntiAliasing is disabled in borderRadius rendering. The only way i found is to use ART.Shape (left) <View style={{ width: 32, height: 32, ...

Antialiased rounded corners on Android ImageView - iTecNote

I am new to android dev, and I have been trying for a few hours now to add nice and smooth rounded corners...

Border Radius Antialiasing - CodePen

View Compiled HTML; Analyze HTML; Maximize HTML Editor; Minimize HTML Editor; Fold All; Unfold All. xxxxxxxxxx. 9. 1. <div class="box" id="i1"></div>.

RoundedCorner | Android Developers

android.app.appsearch.observer. Overview. Interfaces. ObserverCallback. Classes. DocumentChangeInfo · ObserverSpec · ObserverSpec.Builder · SchemaChangeInfo.