import React, {useState} from 'react'; import { View, Text, Image, StatusBar, StyleSheet, SafeAreaView, ImageBackground, TouchableOpacity, Platform, Button, TouchableWithoutFeedback, } from 'react-native'; import R from '../../assets/R'; import {getFontXD, HEIGHT, WIDTHXD} from '../../Config/Functions'; import LinearGradient from 'react-native-linear-gradient'; import {connect} from 'react-redux'; import {HEIGHTXD} from '../../Config/Functions'; import {useNavigation} from '@react-navigation/native'; const HeaderHome = (props) => { const {title, isWhite} = props; const navigate = useNavigation(); return ( <ImageBackground style={[styles.img, isWhite ? {backgroundColor: 'white'} : {}]} source={R.images.bgHeader}> <StatusBar backgroundColor="transparent" translucent={true} /> <View style={styles.headerContainer}> <TouchableOpacity onPress={() => navigate.goBack()}> <Image source={R.images.iconBack} style={styles.imgIcon} /> </TouchableOpacity> <Text style={styles.txtTitle}>{title}</Text> <View /> </View> </ImageBackground> ); }; const mapStateToProps = (state) => { return { user: state.userReducer, }; }; export default connect(mapStateToProps, {})(HeaderHome); const styles = StyleSheet.create({ img: { height: 110, width: '100%', justifyContent: 'center', alignItems: 'center', }, headerContainer: { height: 55, width: '100%', alignItems: 'center', flexDirection: 'row', paddingHorizontal: 20, justifyContent: 'space-between', }, imgIcon: { width: 30, height: 30, }, txtTitle: { fontSize: getFontXD(52), color: R.colors.white, fontWeight: 'bold', }, container: { backgroundColor: 'white', height: '100%', width: 300, borderRadius: 20, }, });