tambah pull to refresh di order detail

view/OrderDetail.js

@@ -3,7 +3,7 @@ import Axios from 'axios';
 import i18n from 'i18n-js';
 import moment from 'moment';
 import React from 'react';
-import { Alert, BackHandler, Image, Linking, Modal, ScrollView, StyleSheet, Text, TextInput, TouchableOpacity, View } from 'react-native';
+import { Alert, BackHandler, Image, Linking, Modal, ScrollView, StyleSheet, Text, TextInput, TouchableOpacity, View, RefreshControl } from 'react-native';
 import { Icon, Rating } from 'react-native-elements';
 import NumberFormat from 'react-number-format';
 import { connect } from 'react-redux';
@@ -30,7 +30,8 @@ class OrderDetail extends React.Component {
             review_rating: 0,
             cancelled_by_display: '',
             cancelled_reason: '',
-            caretHidden: true
+            caretHidden: true,
+            is_refreshing: false
         }
 
 
@@ -164,6 +165,31 @@ class OrderDetail extends React.Component {
         })
     }
 
+    onRefresh() {
+        this.setState({
+            is_refreshing: true,
+            trans_type_display: '',
+            outlet: '',
+            outlet_code: '',
+            trans_status_display: '',
+            transaction_detail: [],
+            numberId: '',
+            detail_trans: '',
+            trans_status: '',
+            modalVisible: false,
+            reason: '',
+            is_reviewed: '',
+            review_rating: 0,
+            cancelled_by_display: '',
+            cancelled_reason: '',
+            caretHidden: true,
+        })
+        this.getDetailTrans()
+        this.setState({
+            is_refreshing: false
+        })
+    }
+
     render() {
         // console.log(this.state.detail_trans)
         // console.log(this.state.detail_trans.used_reward)
@@ -241,7 +267,8 @@ class OrderDetail extends React.Component {
                     }
 
                 </View>
-                <ScrollView style={styles.body}>
+                <ScrollView style={styles.body} refreshControl={<RefreshControl refreshing={this.state.is_refreshing}
+                    onRefresh={() => this.onRefresh()} />}>
 
 
                     {