Check out example codes for "bootstrap 4 center image". It will help you in understanding the concepts better.

Code Example 1

/* used mx-auto d-block */

<img class="mx-auto d-block" src="https://www.w3schools.com/bootstrap4/paris.jpg" alt="https://www.w3schools.com/bootstrap4/paris.jpg"/>

Code Example 2

<div class="text-center">
	<img src="{{source}}"/>
</div>

Code Example 3

class="mx-auto d-block"

Code Example 4

<img class="img-fluid" src="" alt=""> //This will make your image responsive

Learn ReactJs, React Native from akashmittal.com