Этот пост очень близок, но у меня другая ситуация: Как горизонтально отцентрировать собственный текст Flexbox, который оборачивается на несколько строк
Я пытаюсь оформить свой текст таким образом: 
и чтобы два разных стиля текста были перенесены во вторую строку, как я читал, мне нужно было обернуть оба из них в контейнер <Text> следующим образом:
<Text style={textAlign="center"}>
<Text style={[ {color: colors.mustardYellow, fontSize: 30, textAlign:"center"}, textStyles.Bold]}>Hey! </Text>
<Text style={[ {color: colors.white, fontWeight: "100", fontSize: 30, textAlign:"center"}]}>How are you feeling today?</Text>
</Text>
Это сработало и позволяет вторым текстовым компонентам переноситься под первый.ОДНАКО, он отказывается центрировать себя горизонтально на второй линии.Я попытался добавить еще один контейнер к большему <text> контейнеру компонента, но также не нашел там успеха.Единственный способ, которым я смог заставить его работать, - это создать 3 отдельных текстовых компонента: один для желтого текста, второй для «Как дела» в первой строке и последний для «ощущения сегодня?»на второй линии, которую я смог центрировать по горизонтали.Это ужасный способ делать вещи, и я уверен, что есть верный путь, но я не могу найти его для жизни.
Любая помощь будет принята с благодарностью!