[Text, IOS]String with newline breaks the alignment

[mk0116]

Description

[Text]String with newline breaks the alignment.

When I add new line character('\n') in the text and nest a Text, it breaks the alignment.
The first line should be aligned center but left.
This only happens on iOS.
It works fine on Android.

Related to

• [v] Components
• Demo
• Docs
• Typings

Code snippet

<Text
    textColor
    center>
    <Text bold>test</Text>
    {'\nrest string'}
</Text>

Screenshots/Video

Environment

• React Native version: 0.70.3
• React Native UI Lib version: 6.29.0

Affected platforms

• Android
• [v] iOS
• Web

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[mk0116]

This has not been fixed yet.

[mk0116]

Hello, I expect all elements within the parent Text component to be aligned centrally. However, it is evident that the first line is aligning to the left instead of the center. Interestingly, when I use the standard Text component, the alignment is correctly set to the center. Additionally, I have been unable to figure out a method to align the nested text components with react-native-ui-lib Thank you. 2023년 7월 10일 (월) 오후 3:59, Inbal Tish ***@***.***>님이 작성:

…

@mk0116 <https://github.com/mk0116> Hi. What result do you expect to get? — Reply to this email directly, view it on GitHub <#2457 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ACXMD4IEW7BOKKJDLAEMX43XPOR4DANCNFSM6AAAAAAUXHIGMQ> . You are receiving this because you were mentioned.Message ID: ***@***.***>

[Inbal-Tish]

@mk0116 I see what you mean. There's a default alignment set to 'left' on the Text component. On Android, the 'center' prop of the parent Text is applied to the children but on iOS it doesn't. I'll try removing the default alignment.

[mk0116]

Thank you so much! Because of that I stopped my migration. That will help me a lot. 2023년 7월 10일 (월) 오후 9:34, Inbal Tish ***@***.***>님이 작성:

…

@mk0116 <https://github.com/mk0116> I see what you mean. There's a default alignment set to 'left' on the Text component. On Android, the 'center' prop of the parent Text is applied to the children but on iOS it doesn't. I'll try removing the default alignment. — Reply to this email directly, view it on GitHub <#2457 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ACXMD4NAPEEDZHXLUVCEMPLXPPZE3ANCNFSM6AAAAAAUXHIGMQ> . You are receiving this because you were mentioned.Message ID: ***@***.***>

[Inbal-Tish]

@mk0116 Hi. Issue solved on version 7.6.0. Thank you for reporting!

[mk0116]

Thank you!!! 2023년 7월 24일 (월) 오후 5:02, Inbal Tish ***@***.***>님이 작성:

…

@mk0116 <https://github.com/mk0116> Hi. Issue solved on version 7.6.0. Thank you for reporting! — Reply to this email directly, view it on GitHub <#2457 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ACXMD4O5SG7YI2OKMH47K2LXRYTZ7ANCNFSM6AAAAAAUXHIGMQ> . You are receiving this because you were mentioned.Message ID: ***@***.***>