title: What is the best practice to align a header a button, text and right component in UI using react-native
body: <p>I need to align the Back button and Text and Right element in my header section.</p>
  
  <p>I am using react-native-elements component to align but the styles Which I gave not worked for all text. If the text is small it not working as expected.Also If I try line spacing for the text LIST it not shows space in it. Refer the expo for sample code(here I not added line spacing) and refer the attachment.</p>
  
  <p><a href="https://snack.expo.io/@niph/grounded-watermelon" rel="nofollow noreferrer">https://snack.expo.io/@niph/grounded-watermelon</a></p>
  
  <p>My question what <strong>is the best practice to achieve</strong> this. I have added marginLeft values as negative.</p>
  
  <p><a href="https://i.stack.imgur.com/2ggSr.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/2ggSr.png" alt="enter image description here"></a> </p>