feat: react-native 0.62 support

package.json

@@ -49,7 +49,7 @@
     "metro-react-native-babel-preset": "^0.56.0",
     "react": "~16.9.0",
     "react-native": "~0.61.4",
-    "react-native-svg": "~9.13.3",
+    "react-native-svg": "~9.13.6",
     "react-native-testing-library": "^1.12.0",
     "react-test-renderer": "16.9.0",
     "rimraf": "^2.6.2",
@@ -62,7 +62,7 @@
   },
   "resolutions": {
     "react": "~16.9.0",
-    "react-native": "~0.61.4",
+    "react-native": "~0.61.5",
     "react-native-svg": "~9.13.3"
   }
 }

src/components/package.json

@@ -28,6 +28,6 @@
     "fecha": "3.0.3"
   },
   "peerDependencies": {
-    "react-native-svg": "^9.4.0"
+    "react-native-svg": "9.13.6"
   }
 }

src/components/ui/animation/animation.ts

@@ -11,10 +11,7 @@ import {
 
 export const DEFAULT_CONFIG: AnimationConfig = {
   cycles: 1,
-  useNativeDriver: Platform.select({
-    default: true,
-    web: false,
-  }),
+  useNativeDriver: Platform.OS !== 'web',
 };
 
 /**

src/components/ui/menu/menuGroup.component.tsx

@@ -112,6 +112,7 @@ export class MenuGroup extends React.Component<MenuGroupProps, State> {
     return Animated.timing(this.expandAnimation, {
       toValue: toValue,
       duration: CHEVRON_ANIM_DURATION,
+      useNativeDriver: false,
     });
   };
 

src/components/ui/shared/tabIndicator.component.tsx

@@ -9,6 +9,7 @@ import {
   Animated,
   Easing,
   LayoutChangeEvent,
+  Platform,
   ViewProps,
   ViewStyle,
 } from 'react-native';
@@ -91,6 +92,7 @@ export class TabIndicator extends React.Component<TabIndicatorProps> {
       toValue: RTLService.select(params.offset, -params.offset),
       duration: 200,
       easing: Easing.linear,
+      useNativeDriver: Platform.OS !== 'web',
     });
   };
 

src/components/ui/text/text.component.tsx

@@ -24,6 +24,7 @@ type ChildElement = React.ReactText | TextElement;
 
 export interface TextProps extends RNTextProps, TextStyledProps {
   children?: ChildElement | ChildElement[];
+  appearance?: 'default' | 'alternative' | 'hint' | string;
   category?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 's1' | 's2' | 'p1' | 'p2' | 'c1' | 'c2' | 'label' | string;
   status?: EvaStatus;
 }

src/components/ui/toggle/toggle.component.tsx

@@ -323,6 +323,7 @@ export class ToggleComponent extends React.Component<ToggleProps> implements Pan
       toValue: RTLService.select(value, -value),
       duration: 150,
       easing: Easing.linear,
+      useNativeDriver: false,
     }).start(() => {
       this.thumbTranslateAnimationActive = false;
       callback();
@@ -334,6 +335,7 @@ export class ToggleComponent extends React.Component<ToggleProps> implements Pan
       toValue: value,
       duration: 150,
       easing: Easing.linear,
+      useNativeDriver: false,
     }).start(callback);
   };
 
@@ -342,6 +344,7 @@ export class ToggleComponent extends React.Component<ToggleProps> implements Pan
       toValue: value,
       duration: 200,
       easing: Easing.linear,
+      useNativeDriver: false,
     }).start(callback);
   };
 

src/components/ui/viewPager/viewPager.component.tsx

@@ -14,6 +14,7 @@ import {
   PanResponderCallbacks,
   PanResponderGestureState,
   PanResponderInstance,
+  Platform,
   StyleSheet,
   View,
   ViewProps,
@@ -157,6 +158,7 @@ export class ViewPager<ChildrenProps = {}> extends React.Component<ViewPagerProp
       toValue: RTLService.select(-params.offset, params.offset),
       easing: Easing.linear,
       duration: animationDuration,
+      useNativeDriver: Platform.OS !== 'web',
     });
   };
 

src/eva-icons/package.json

@@ -24,11 +24,11 @@
     "react-native-eva-icons": "1.1.0"
   },
   "devDependencies": {
-    "react-native-svg": "^9.4.0"
+    "react-native-svg": "9.13.6"
   },
   "peerDependencies": {
     "@ui-kitten/components": "4.4.1",
-    "react-native-svg": "^9.4.0"
+    "react-native-svg": "9.13.6"
   },
   "sideEffects": false
-}
+}