css - React Native -- 2 つの Text コンポーネントが 2 行目に折り返されると予想されるときに、水平方向に中央揃えにする方法は?

Question

この投稿は非常に近いですが、別の状況があります: How to Horizo​​ntally Center React Native Flexbox Text that Wraps across Multiple Lines

私はこのようにテキストのスタイルを設定しようとしています: 2 つの異なるテキスト スタイルを 2 行目に折り返すには、2 つのテキスト スタイルを次のように<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>

これは機能し、2 番目のテキスト コンポーネントが最初のテキスト コンポーネントの下に折り返されます。ただし、2 行目の水平方向の中央に配置することは拒否されます。大きなコンポーネント コンテナーの周りに別のコンテナーを追加しようとし<text>ましたが、そこでも成功しませんでした。私がそれを機能させることができた唯一の方法は、3 つの個別のテキスト コンポーネントを作成することでした。水平に中央揃えできた2行目。これは物事を行うにはひどい方法であり、正しい方法があると確信していますが、私の人生ではそれを見つけることができません.

どんな助けでも大歓迎です！