benerin header reward select

view/Auth.js

@@ -244,7 +244,7 @@ class Auth extends React.Component {
                   fontFamily: 'Gotham-Black',
                   color: 'white',
                   textAlign: 'center'
-                }, title: 'CHANGE PROFIL'
+                }, title: 'CHANGE PASSWORD'
               }}/>
                   <Stack.Screen name="Card Activation" component={CardActivation} />
                   <Stack.Screen name="Renewal" component={Renewal} />
@@ -360,7 +360,19 @@ class Auth extends React.Component {
           }} />
         <Stack.Screen name="TopUpInfo" component={TopUpInfo} />
         <Stack.Screen name="Reward Detail" component={RewardDetail} />
-        <Stack.Screen name="Reward Select" component={RewardSelect} />
+        <Stack.Screen name="Reward Select" component={RewardSelect} 
+         options={{
+          headerStyle: { backgroundColor: "#CFB368" },
+          headerBackTitleStyle: { color: 'white' },
+          headerTintColor: '#fff',
+          headerTitleAlign: 'center',
+          headerTitleStyle: {
+            fontFamily: 'Gotham-Black',
+            color: 'white',
+            fontSize: 18,
+          },
+          title: 'REWARD SELECT'
+        }} />
       </Stack.Navigator>
     )
   }

view/RewardSelect.js

@@ -84,9 +84,9 @@ class RewardSelect extends React.Component {
     render() {
         return (
             <View style={styles.container}>
-                <View style={styles.header}>
+                {/* <View style={styles.header}>
                     <Text style={{ color: 'white', textAlign: 'center', fontSize: 18, fontFamily: 'Gotham-Black' }}>REWARDS E-VOUCHER</Text>
-                </View>
+                </View> */}
                 <ScrollView style={styles.body}>
                     {
                         this.state.rewardsList.map((item, key) => (