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/ccLogo.png');

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

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

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

export default Logo;