crazycharge-app/component/global/logo.tsx

import React from "react";
import { Image, View, StyleProp, ImageStyle, ViewStyle } from 'react-native';

const Logo = () => {
   const logoSource = require('../../assets/logo.png');

   const imageStyle: ImageStyle = {
     width: '100%',
     resizeMode: 'contain',
   };

   const viewStyle: ViewStyle = {
     maxWidth: '100%',
     alignItems: 'center',
   };

   return (
     <View style={viewStyle}>
       <Image source={logoSource} style={imageStyle} />
     </View>
   );
};

export default Logo;