update inbox

view/InboxDetail.js

@@ -120,7 +120,7 @@ class InboxDetail extends React.Component {
                             <AntDesign name="arrowleft" size={22} color="white" />
                         </TouchableOpacity>
                     </View>
-                    <View style={{ flex: 0.8, alignItems: 'flex-end' }}>
+                    <View style={{ flex: 0.8, alignItems: 'center' }}>
                         <Text style={{ fontSize: 20, fontFamily: 'Gotham-Black', color: 'white' }}>{i18n.t('headerInboxDetail')}</Text>
                     </View>
                     <View style={{ margin: 15, flex: 0.1, alignItems: 'flex-end' }}>

view/InboxList.js

 import React from 'react';
-import { View, Text, BackHandler, StyleSheet, ScrollView, Alert, TouchableOpacity, ActivityIndicator } from 'react-native';
+import { View, Text, BackHandler, StyleSheet, ScrollView, Alert, TouchableOpacity, ActivityIndicator, RefreshControl } from 'react-native';
 import { connect } from 'react-redux';
 import Axios from 'axios';
 import i18n from 'i18n-js';
@@ -13,7 +13,8 @@ class InboxList extends React.Component {
         this.handleBackButtonClick = this.handleBackButtonClick.bind(this)
         this.state = {
             inbox_list: [],
-            indicator: true
+            indicator: true,
+            refreshing: false
         }
     }
 
@@ -39,6 +40,16 @@ class InboxList extends React.Component {
         return true;
     }
 
+    onRefresh() {
+        this.setState({
+            refreshing: true
+        })
+        this.getInbox()
+        this.setState({
+            refreshing: false
+        })
+    }
+
     getInbox() {
         let params = {
             session_id: this.props.session_id
@@ -64,7 +75,8 @@ class InboxList extends React.Component {
     render() {
         return (
             <View style={styles.container}>
-                <ScrollView style={styles.body}>
+                <ScrollView style={styles.body} refreshControl={<RefreshControl refreshing={this.state.refreshing}
+                    onRefresh={() => this.onRefresh()} />}>
                     {
                         this.state.indicator ? (<ActivityIndicator style={{ justifyContent: "center", marginTop: 100 }} size="large" color="#c9af6d" />) :
                             this.state.inbox_list.length ? (