React-native: App become very slow/Laggy and crash when I set borderRadius with big value.

[sandropoluan]

Is this a bug report?

YES

Have you read the Contributing Guidelines?

YES

Environment

Environment:
Android All version
Node: 8.4.0
npm: 5.4.0

react-native: >= 0.51.0
react: 16.0.0

Target Platform: Android

Steps to Reproduce

1. Create 20 View with border radius = 1000

Expected Behavior

App should run smooth without any issue.

Actual Behavior

App become very slow, unresponsive, and crash.
I was with RN 0.48 and there is no issue.
This issue appear when I used RN >= 0.51

[react-native-bot]

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}

[salmanwaheed]

This message was created automatically by mail delivery software.

A message that you sent could not be delivered to one or more of its
recipients. This is a temporary error. The following address(es) deferred:

[email protected]
Domain salmanwaheed.info has exceeded the max emails per hour (179/150 (119%)) allowed. Message will be reattempted later

------- This is a copy of the message, including all the headers. ------
Received: from github-smtp2-ext4.iad.github.net ([192.30.252.195]:43909 helo=github-smtp2a-ext-cp1-prd.iad.github.net)
by box1177.bluehost.com with esmtps (TLSv1.2:ECDHE-RSA-AES256-GCM-SHA384:256)
(Exim 4.89_1)
(envelope-from [e-mail])
id 1epQVp-003JdR-3P
for [email protected]; Fri, 23 Feb 2018 20:28:37 -0700
Date: Fri, 23 Feb 2018 19:21:54 -0800
DKIM-Signature: v=1; a=rsa-sha256; c=relaxed/relaxed; d=github.com;
s=pf2014; t=1519442901;
bh=OIo75U42rYG8UaZEj+UWWBl8RvP2YZGC09KT+dwB7fI=;
h=From:Reply-To:To:Cc:In-Reply-To:References:Subject:List-ID:
List-Archive:List-Post:List-Unsubscribe:From;
b=o+/g+wRU99Bi4OjOwzzU+Il0YM4R/GSy4ELAclESA0rUKZ1RazDv/NjGpJFLWVD8w
oi31vLJBeam3IKbTAVOWxRPRrh99V6JMuZ7+kxAPiWqtdWgQmPD42wDMj3ouhyZBP4
QCk2iAnzgpMr5jKW6B+OZe+aT2X7KZZZzqClL/QI=
From: React Native Bot [e-mail]
Reply-To: facebook/react-native [e-mail]
To: facebook/react-native [e-mail]
Cc: Subscribed [e-mail]
Message-ID:
In-Reply-To:
References:
Subject: Re: [facebook/react-native] App become very slow/Laggy and crash when
I set borderRadius with big value. (#17833)
Mime-Version: 1.0
Content-Type: multipart/alternative;
boundary="--==_mimepart_5a90da528eecd_14262abee9b4eed43642b7";
charset=UTF-8
Content-Transfer-Encoding: 7bit
Precedence: list
X-GitHub-Sender: react-native-bot
X-GitHub-Recipient: salmanwaheed
X-GitHub-Reason: subscribed
List-ID: facebook/react-native
List-Archive: https://github.com/facebook/react-native
List-Post: [e-mail]
List-Unsubscribe: ,
https://github.com/notifications/unsubscribe/AO8bOEwn3W3Z07n6byQPcL8Yf_kIfVRuks5tX4BSgaJpZM4R3EQ3
X-Auto-Response-Suppress: All
X-GitHub-Recipient-Address: [email protected]
X-Spam-Status: No, score=0.8
X-Spam-Score: 8
X-Spam-Bar: /
X-Ham-Report: Spam detection software, running on the system "box1177.bluehost.com",
has NOT identified this incoming email as spam. The original
message has been attached to this so you can view it or label
similar future email. If you have any questions, see
root@localhost for details.

Content preview: Closed #17833. -- You are receiving this because you are subscribed
to this thread. Reply to this email directly or view it on GitHub: https://github.com/facebook/react-native/issues/17833#event-1490267298
[...]

Content analysis details: (0.8 points, 5.0 required)

pts rule name description

---

0.0 URIBL_BLOCKED ADMINISTRATOR NOTICE: The query to URIBL was blocked.
See
http://wiki.apache.org/spamassassin/DnsBlocklists#dnsbl-block
for more information.
[URIs: github.com]
-0.5 SPF_PASS SPF: sender matches SPF record
1.3 HTML_IMAGE_ONLY_24 BODY: HTML: images with 2000-2400 bytes of words
0.0 HTML_MESSAGE BODY: HTML included in message
2.5 DCC_CHECK No description available.
-0.1 DKIM_VALID_AU Message has a valid DKIM or DK signature from author's
domain
-0.1 DKIM_VALID Message has at least one valid DKIM or DK signature
0.1 DKIM_SIGNED Message has a DKIM or DK signature, not necessarily valid
-2.3 AWL AWL: Adjusted score from AWL reputation of From: address
X-Spam-Flag: NO

----==_mimepart_5a90da528eecd_14262abee9b4eed43642b7
Content-Type: text/plain;
charset=UTF-8
Content-Transfer-Encoding: 7bit

Closed #17833.

--
You are receiving this because you are subscribed to this thread.
Reply to this email directly or view it on GitHub:
https://github.com/facebook/react-native/issues/17833#event-1490267298
----==_mimepart_5a90da528eecd_14262abee9b4eed43642b7
Content-Type: text/html;
charset=UTF-8
Content-Transfer-Encoding: 7bit

Closed #17833.

—
You are receiving this because you are subscribed to this thread.
Reply to this email directly, view it on GitHub, or mute the thread.

----==_mimepart_5a90da528eecd_14262abee9b4eed43642b7--

[sandropoluan]

@react-native-bot why is this closed? I'm use v0.53.0 and and still having this problem.

[seongminp]

+1

For me this happens for view elements larger than 250.

[kaitlynbrown]

This is happening for me too, on 0.55.2. If I try to set borderRadius of an element to 9999, I get horrible lag

[huynhquangtoan]

+1 for me
react-native : 0.57.7

[jwebcat]

I'm also getting horrible perf with border radius of even 25 and 50
"react-native": "0.57.3"