I'm using react-native-maps but I faced a problem that after a lot of googling without answer makes me ask it here. I'm trying to use Custom Marker for the marker in the map as the following picture

• as I searched I found out that needed to use Custom Marker to accomplish the maker's design, then I created a Custom Marker component

  import React, { Component } from "react";
  import { View } from "react-native";
  import {
  Text,
  Left,
  Right,
  Thumbnail,
  } from "native-base";
  const defaultEmployeeLogo = require("../../../assets/defualtEmployee.png");
  class CustomMarker extends Component {
  render() {
      return (
      
          
              
          
          
              Mohammad
          );
     }
  }
  export default CustomMarker;
  

when I use CustomMarker.js class solely it works fine and it shows the image but when I use it as the marker custom view it doesn't show the image

I don't know why it can't render the image with Custom Marker in android. and here is my code where I'm using map, markers and custom marker class

return (
  
    
      {
        coordinationData.map(function (marker, i) {

          let lat = marker.latLang.latitude;
          let lang = marker.latLang.longitude;
           
            
          
        })}
    
  

any kind of help would be appreciated.