React-Nav-Melon/components/atoms/Header.js

import { StyleSheet, Text, View } from 'react-native'
import React from 'react'
import fonts from '../../theme/fonts'
import colors from '../../theme/colors'


const Header = ({style,children}) => {
  return (
    <View style={[styles.headerContainer,style]}>
      {children}
    </View>
  )
}

export default Header

const styles = StyleSheet.create({
    headerContainer:{
        paddingHorizontal: fonts.getSize(20),
        flexDirection: 'row',
        alignItems:'center',
        justifyContent:'space-between',
        height: 60,
        maxHeight: 60,
        backgroundColor: colors.white
    }
})