Check out example codes for "how to center text in svg". It will help you in understanding the concepts better.

Code Example 1

<text x="50%" y="50%" text-anchor="middle" dominant-baseline="middle">Text</text>

Learn ReactJs, React Native from akashmittal.com