react-native-svg icon indicating copy to clipboard operation
react-native-svg copied to clipboard

Delay when rendering xml content for SvgXml

Open sherif-cyber opened this issue 3 years ago • 4 comments

Bug

there's a big delay or screen blocking for a while when trying to render a lot of SvgXml images

for example: 1- create a screen component that render some of SvgXml with different xml content for each one. 2- when you try to navigate to this screen or open modal contain this images. 3- you can find a delay or blocking when trying to navigate or opening this modal / screen.

FYI: if i used react-native-remote-svg it renders faster

Note: it's happened with FlatList & removeClippedSubviews={false}

sherif-cyber avatar Aug 01 '22 16:08 sherif-cyber

Also experiencing these performance issues with SvgXml. Dealing with 40 such items in one screen.

alex-tsx avatar Jan 04 '24 14:01 alex-tsx

Hello @sherif-cyber, can you share a simple repro of that problem? Thank you.

bohdanprog avatar Jun 27 '24 09:06 bohdanprog

The SvgXml component within a FlatList is causing performance issues. Could you please take a look and suggest any possible solutions? Thanks

mangBert avatar Jul 11 '24 18:07 mangBert

Hello @mangBert, could you share a simple example?

bohdanprog avatar Jul 15 '24 07:07 bohdanprog