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'; import SnackBar from '../SnackBar'; import AppText from '../AppText'; const HeaderHome = (props) => { const {title, isWhite, children} = props; const navigate = useNavigation(); return ( <ImageBackground imageStyle={{resizeMode: 'stretch'}} style={[styles.img, isWhite ? {backgroundColor: 'white'} : {}]} source={R.images.bgHeader}> <SnackBar /> <StatusBar backgroundColor="transparent" translucent={true} /> <View style={styles.headerContainer}> <TouchableOpacity style={{width: 35, height: 30}} onPress={() => navigate.goBack()}> <Image source={R.images.iconBack} style={styles.imgIcon} /> </TouchableOpacity> <AppText i18nKey={title} style={styles.txtTitle} children={children}></AppText> <View style={{width: 35, height: 30}} /> </View> </ImageBackground> ); }; const mapStateToProps = (state) => { return { user: state.userReducer, }; }; export default connect(mapStateToProps, {})(HeaderHome); const styles = StyleSheet.create({ img: { height: 95, width: '100%', paddingTop: 30, }, headerContainer: { height: 40, 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, }, });