{"action":"opened","issue":{"url":"https://api.github.com/repos/facebook/react-native/issues/22221","repository_url":"https://api.github.com/repos/facebook/react-native","labels_url":"https://api.github.com/repos/facebook/react-native/issues/22221/labels{/name}","comments_url":"https://api.github.com/repos/facebook/react-native/issues/22221/comments","events_url":"https://api.github.com/repos/facebook/react-native/issues/22221/events","html_url":"https://github.com/facebook/react-native/issues/22221","id":379056538,"node_id":"MDU6SXNzdWUzNzkwNTY1Mzg=","number":22221,"title":"BorderWidth is causing laggy experience in android when you render it inside FlatList or ScrollView","user":{"login":"nateblog","id":31165245,"node_id":"MDQ6VXNlcjMxMTY1MjQ1","avatar_url":"https://avatars3.githubusercontent.com/u/31165245?v=4","gravatar_id":"","url":"https://api.github.com/users/nateblog","html_url":"https://github.com/nateblog","followers_url":"https://api.github.com/users/nateblog/followers","following_url":"https://api.github.com/users/nateblog/following{/other_user}","gists_url":"https://api.github.com/users/nateblog/gists{/gist_id}","starred_url":"https://api.github.com/users/nateblog/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/nateblog/subscriptions","organizations_url":"https://api.github.com/users/nateblog/orgs","repos_url":"https://api.github.com/users/nateblog/repos","events_url":"https://api.github.com/users/nateblog/events{/privacy}","received_events_url":"https://api.github.com/users/nateblog/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2018-11-09T07:49:09Z","updated_at":"2018-11-09T07:49:09Z","closed_at":null,"author_association":"NONE","body":"For 2 days I am struggling why my flatlist and scrollview has laggy feelings, did all the optimization settings suggested from different blogs but everything does not work. The laggy experience is all there.\r\n\r\nDid some trial and error on my design and finally figured out. Here is my sample code:\r\n\r\n```\r\n<FlatList\r\n        horizontal={false}\r\n        initialNumToRender={20}\r\n        showsVerticalScrollIndicator={false}\r\n        numColumns={2}\r\n        bounces={true}\r\n        keyExtractor={(item) => item[0]}\r\n        data={Object.entries(data)}\r\n        renderItem={this.renderItem}\r\n      />\r\n\r\nrenderItem(data) {\r\n    return (\r\n      <View style={{\r\n            marginLeft: 3,\r\n            borderRadius: 360,\r\n            flexWrap: 'wrap',\r\n            flexDirection: 'row',\r\n            justifyContent: 'center',\r\n            alignItems: 'center',\r\n            height: height * .10,\r\n            width: height * .35,\r\n            backgroundColor: '#32C5A4',\r\n            borderWidth: 1, **// THIS IS THE ONE CAUSING THE LAGGY EXPERIENCE**\r\n          }}>\r\n           \r\n          </View>\r\n    )\r\n  }\r\n```\r\n\r\nWhenever I comment out the borderWidth everything runs smoothly, enabling it back makes the user experience go bad. Is this a bug? Please help."}}
{"actor":{"display_login":"nateblog"}}