<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
import { View, Text, Image, StyleSheet, TouchableOpacity } from 'react-native'
import React from 'react'
import { moderateScale, moderateVerticalScale, textScale } from '../styles/responsiveSize'
import { useNavigation } from '@react-navigation/native'
import imagePath from '../constants/imagePath'
import colors from '../styles/colors'
import fontFamily from '../styles/fontFamily'
const BackWardArrow = ({ onPressBack, txtOnHeader }) => {
const navigation = useNavigation();
const goBack = () => {
navigation.goBack();
}
return (
<View style={styles.container}>
<TouchableOpacity onPress={!!onPressBack ? onPressBack : () => goBack()}>
<Image source={imagePath.backwardArrow} />
</TouchableOpacity>
{
(txtOnHeader) ?
<View>
<Text style={styles.heading}>{txtOnHeader}</Text>
</View>
:
null
}
</View>
)
}
export default BackWardArrow
const styles = StyleSheet.create({
