chore(wallet): Upgrade Reanimated Library

[coreyphillips]

Description

• Upgrades react-native-reanimated to 3.1.0.
• Updated SwipeToConfirm component.
• Removes all instances of LayoutManager.

Type of change

• New feature (non-breaking change which adds functionality)

Tests

• No test

QA Notes

• Ensure the reanimated components continue to work as expected throughout the app.
• To test the updated SwipeToConfirm component, navigate to the "ReviewAndSend" view by pasting a Bitcoin/Lightning address after tapping "Send", select "Max" amount, slide to confirm and select "No". The slider should reset prior to navigating back to the previous view.

[limpbrains]

App now throws a lot of annoying Overriding previous layout animation... warning. Can this be fixed?

Also I don't understand why new ref.reset() method is needed, if there is already an animation when you change loading prop from true to false ? I've tried to comment it out, still works as expected. Am I missing something?

Simulator.Screen.Recording.-.iPhone.14.-.2023-05-12.at.16.53.42.mp4

[coreyphillips]

Unfortunately, I haven't found a way to rid that warning. Looking into it.

On my Android device at least, the loading indicator and circle position would never reset and remain locked in the final state. So providing parent components a way to reset the state after certain actions (Selecting no when the alert appears in this case) fixes it.

[limpbrains]

On my Android device at least, the loading indicator and circle position would never reset and remain locked in the final state. So providing parent components a way to reset the state after certain actions (Selecting no when the alert appears in this case) fixes it.

To archive this try to replace await swipeToConfirmRef.current?.reset(); with setIsLoading(false);

untitled.webm

[coreyphillips]

Looks like the warning is due to the use of LayoutAnimation in a component. Ex LayoutAnimation.easeInEaseOut(); We could just remove them completely. Looking to see if we can get around that though.

[coreyphillips]

On my Android device at least, the loading indicator and circle position would never reset and remain locked in the final state. So providing parent components a way to reset the state after certain actions (Selecting no when the alert appears in this case) fixes it.

To archive this try to replace await swipeToConfirmRef.current?.reset(); with setIsLoading(false);

untitled.webm

Updated here.

[coreyphillips]

I opted to remove the old LayoutAnimation implementations in order to remove the warnings that we're seeing here.