Dramatically low perornance after visiting Files screen

[Lao-Ax]

Description:

The app starts performing dramatically slow when you visit list of files in direct messages with somebody or in channel\team.
We found out that it started in version 40. PR #5076 is the reason. To be more specific, there are two components:

app/containers/message/Image.tsx which uses
app/containers/message/Components/BlurComponent/index.tsx

If you delete the second one from rendering in Image, then there is no issue (and looks like the core functionality is still in place). I stopped digging dipper for now.

Please note that the issue is more 'observalbe' on android devices. :)

Environment Information:

• Rocket.Chat Server Version: 6.4
• Rocket.Chat App Version: 4.44.0, 4.43.0, 4.42.0, 4.41.0, 4.40.0
• Device Name: Android 9 Huawei P10; Android 12 Google Pixel 3A XL
• OS Version: Android 9 Huawei P10; Android 12 Google Pixel 3A XL

Steps to reproduce:

1. Go to a direct chat with somebody where a lot of images were shared.
2. Just use the app a bit: go back; observe your chats

Expected behavior:

The app performs as well as on version 39

Actual behavior:

The app work very slow. All animations and lists glitch.

[reinaldonetof]

If you delete the second one from rendering in Image, then there is no issue. I stopped digging dipper for now.

Please note that the issue is more 'observalbe' on android devices. :)

Nice catch, @Lao-Ax

Thanks for your support. We will investigate more.

[diegolmello]

@reinaldonetof We should remove blur from Android or find another way.

Kureev/react-native-blur#395
Kureev/react-native-blur#368
Kureev/react-native-blur#365