Upgrade reanimated to 2.17 (#2587)

Author: M-i-k-e-l

demo/src/screens/componentScreens/SortableListScreen.tsx

@@ -76,6 +76,7 @@ const SortableListScreen = () => {
     const Container = locked ? View : TouchableOpacity;
     return (
       <Container
+        // TODO: fix Android selection color
         style={[styles.itemContainer, isSelected && styles.selectedItemContainer]}
         onPress={() => toggleItemSelection(item)}
         // overriding the BG color to anything other than white will cause Android's elevation to fail

demo/src/screens/incubatorScreens/IncubatorToastScreen.tsx

@@ -2,6 +2,7 @@ import React, {Component} from 'react';
 import {ScrollView, StyleSheet} from 'react-native';
 import {Assets, Colors, View, Button, Text, Incubator} from 'react-native-ui-lib';
 import {renderMultipleSegmentOptions, renderBooleanOption, renderRadioGroup} from '../ExampleScreenPresenter';
+import {gestureHandlerRootHOC} from 'react-native-gesture-handler';
 
 const {Toast} = Incubator;
 
@@ -18,7 +19,7 @@ const TOAST_MESSAGES = {
   offline: 'Check Your Internet Connection'
 };
 
-export default class ToastsScreen extends Component {
+class ToastsScreen extends Component {
   showToast = false; // keep this state in class instance for immediate response
   state = {
     visible: false,
@@ -179,6 +180,8 @@ export default class ToastsScreen extends Component {
   }
 }
 
+export default gestureHandlerRootHOC(ToastsScreen);
+
 const styles = StyleSheet.create({
   scrollView: {
     paddingBottom: 80

package.json

@@ -111,7 +111,7 @@
     "react-native-haptic-feedback": "^1.11.0",
     "react-native-linear-gradient": "2.6.2",
     "react-native-navigation": "7.32.1",
-    "react-native-reanimated": "2.14.0",
+    "react-native-reanimated": "2.17.0",
     "react-native-shimmer-placeholder": "^2.0.6",
     "react-native-svg": "^13.7.0",
     "react-native-svg-transformer": "^0.14.3",

src/components/picker/NativePicker.js

@@ -7,6 +7,7 @@ import TouchableOpacity from '../touchableOpacity';
 import {Colors} from '../../style';
 import {WheelPicker} from '../../incubator';
 
+// TODO: remove this file?
 class NativePicker extends Component {
   static displayName = 'NativePicker';
 

src/components/sharedTransition/SharedArea.js

@@ -11,6 +11,7 @@ const {interpolate: _interpolate, interpolateNode} = Animated;
 const Easing = EasingNode || _Easing;
 const interpolate = interpolateNode || _interpolate;
 
+// TODO: 2.17 breaks Android (at list the screen, the image is not shown) - move to incubator?
 class SharedArea extends Component {
   displayName = 'IGNORE';
   static propTypes = {