Check out example codes for "tint image with background color css". It will help you in understanding the concepts better.

Code Example 1

.tinted-image {
  background-image: 
    /* top, transparent red */
    linear-gradient(
      rgba(255, 0, 0, 0.45), 
      rgba(255, 0, 0, 0.45)
    ),
    /* your image */
    url(image.jpg);
}

Learn ReactJs, React Native from akashmittal.com