Header News Detail

view/Auth.js

@@ -590,7 +590,18 @@ class Auth extends React.Component {
           }} />
         {/* <Stack.Screen name="Email Confirmation" component={EmailConfirmation} /> */}
 
-        <Stack.Screen name="News Detail" component={NewsDetail} options={{ headerShown: false }} />
+        <Stack.Screen name="News Detail" component={NewsDetail} options={{
+            headerStyle: { backgroundColor: "#CFB368" },
+            headerBackTitleStyle: { color: 'white' },
+            headerTintColor: '#fff',
+            headerTitleAlign: 'center',
+            headerTitleStyle: {
+              fontFamily: 'Gotham-Black',
+              color: 'white',
+              fontSize: 20,
+            },
+            title: 'NEWS DETAIL'
+          }} />
         <Stack.Screen name="CONFIRM YOUR ORDER" component={MenuConfirmation}
           options={{
             headerStyle: { backgroundColor: "#CFB368" },

view/NewsDetail.js

@@ -43,13 +43,7 @@ export default class NewsDetail extends React.Component {
 
     render() {
         return (
-            <View style={styles.container(this.state.statusbar_height)}>
-                <View style={styles.header}>
-                    <TouchableOpacity onPress={() => this.props.navigation.goBack()}>
-                    <Image source={require('../assets/icon/back.png')} style={{width: 35, height: 35}} />
-                    </TouchableOpacity>
-                    <Text style={styles.headerTitle}>NEWS DETAIL</Text>
-                </View>
+            <View style={styles.container}>
                 <ScrollView style={styles.body}>
                     <View style={styles.image_container(this.state.image_height)}>
                         <Image style={styles.image(this.state.image_height)} source={this.state.image ? { uri: this.state.image } : null} />
@@ -67,11 +61,10 @@ export default class NewsDetail extends React.Component {
 
 
 const styles = StyleSheet.create({
-    container: (marginTop) => ({
+    container:{
         flex: 1,
-        marginTop: marginTop,
         backgroundColor: 'white',
-    }),
+    },
     header: {
         height: 60,
         paddingHorizontal: 5,