Merge branch 'master' into master

Author: 1uokun

src/refreshableScrollView.android.js

@@ -2,14 +2,14 @@ import React from 'react'
 import {
   ActivityIndicator,
   Animated,
-  AsyncStorage,
   Dimensions,
   Easing,
   ScrollView,
   StyleSheet,
   Text,
   View
 } from 'react-native'
+import AsyncStorage from '@react-native-community/async-storage'
 import dateFormat from './util'
 
 const { width, height } = Dimensions.get('window')
@@ -25,7 +25,7 @@ const PaginationStatus = {
   allLoaded: 2
 }
 
-export default class RefreshableScrollView extends ScrollView {
+export default class RefreshableScrollView extends React.Component {
   static defaultProps = {
     horizontal: false,
     scrollEnabled: true,
@@ -98,7 +98,8 @@ export default class RefreshableScrollView extends ScrollView {
             Animated.timing(this.state.arrowAngle, {
               toValue: 1,
               duration: 50,
-              easing: Easing.inOut(Easing.quad)
+              easing: Easing.inOut(Easing.quad),
+              useNativeDriver: true,
             }).start()
           }
         } else if (this.state.refreshStatus !== RefreshStatus.pullToRefresh) {
@@ -109,7 +110,8 @@ export default class RefreshableScrollView extends ScrollView {
           Animated.timing(this.state.arrowAngle, {
             toValue: 0,
             duration: 50,
-            easing: Easing.inOut(Easing.quad)
+            easing: Easing.inOut(Easing.quad),
+            useNativeDriver: true,
           }).start()
         }
       }
@@ -194,7 +196,8 @@ export default class RefreshableScrollView extends ScrollView {
       Animated.timing(this.state.arrowAngle, {
         toValue: 0,
         duration: 50,
-        easing: Easing.inOut(Easing.quad)
+        easing: Easing.inOut(Easing.quad),
+        useNativeDriver: true,
       }).start()
     }
   }

src/refreshableScrollView.ios.js

@@ -1,5 +1,7 @@
 import React from 'react'
-import { ActivityIndicator, Animated, AsyncStorage, Easing, ScrollView, StyleSheet, Text, View } from 'react-native'
+import { ActivityIndicator, Animated, Easing, ScrollView, StyleSheet, Text, View } from 'react-native'
+import AsyncStorage from '@react-native-community/async-storage'
+
 import dateFormat from './util'
 
 const DATE_KEY = 'ultimateRefreshDate'
@@ -14,7 +16,7 @@ const PaginationStatus = {
   allLoaded: 2
 }
 
-export default class RefreshableScrollView extends ScrollView {
+export default class RefreshableScrollView extends React.Component {
   static defaultProps = {
     horizontal: false,
     scrollEnabled: true,
@@ -82,7 +84,8 @@ export default class RefreshableScrollView extends ScrollView {
           Animated.timing(this.state.arrowAngle, {
             toValue: 1,
             duration: 50,
-            easing: Easing.inOut(Easing.quad)
+            easing: Easing.inOut(Easing.quad),
+            useNativeDriver: true,
           }).start()
         } else {
           this.setState({
@@ -92,7 +95,8 @@ export default class RefreshableScrollView extends ScrollView {
           Animated.timing(this.state.arrowAngle, {
             toValue: 0,
             duration: 50,
-            easing: Easing.inOut(Easing.quad)
+            easing: Easing.inOut(Easing.quad),
+            useNativeDriver: true,
           }).start()
         }
       }
@@ -163,7 +167,8 @@ export default class RefreshableScrollView extends ScrollView {
       Animated.timing(this.state.arrowAngle, {
         toValue: 0,
         duration: 50,
-        easing: Easing.inOut(Easing.quad)
+        easing: Easing.inOut(Easing.quad),
+        useNativeDriver: true,
       }).start()
       this._scrollview.scrollTo({ x: 0, y: 0, animated: true })
     }