fix: reanimated 4.3.0 attachment preview list

[isekovanic]

🎯 Goal

This PR fixes an issue that was unfortunately introduced with upgrading react-native-reanimated to 4.3.0 amongst other things. The issue stems from how reanimated actually synchronizes values with state and scrolling behaviour, which has clearly changed. Because of that, it was very common for our scrollable area (the calculated one) to become completely out of sync with the list because of the correction we were applying.

For now, this has been fixed by ditching that approach entirely and relying purely on a resizable spacer that waits for animations to finish and all frames to settle before reducing its width. Essentially, it's deferred list resizing that forces waiting for animations to finish before that. A lot of code has been added, but now the animations are smooth on both versions of reanimated.

🛠 Implementation details

🎨 UI Changes

iOS

Before	After

Android

Before	After

🧪 Testing

☑️ Checklist

• I have signed the Stream CLA (required)
• PR targets the develop branch
• Documentation is updated
• New code is tested in main example apps, including all possible scenarios
  • SampleApp iOS and Android
  • Expo iOS and Android

[Stream-SDK-Bot]

SDK Size

title	develop	branch	diff	status
js_bundle_size	360 KB	360 KB	0 B	🟢