Check out example codes for "html center button". It will help you in understanding the concepts better.

Code Example 1

.center {
  display: flex;
  justify-content: center;
  
  align-items: center;
  height: 200px;
  border: 3px solid 
  green; 
}

Code Example 2

button{
    /*Change the width as much as you like, but make sure 
    margin-left and margin-right + width = 100%*/
    width:50%;
    margin-left:25%;
    margin-right:25%;
}

Learn ReactJs, React Native from akashmittal.com