Skeletonview: display is wrong in RTL

[ahmediosDeveloper]

every this is doing right , but when i use RTL direction it shows wrong.
this for english

but same in arabic comes in this way

[alghraibehMahmoud]

Hi ,
Just start skeleton in viewDidLayoutSubviews ,

override func viewDidLayoutSubviews() { view.showAnimatedGradientSkeleton() view.startSkeletonAnimation() }

[zaidqattan]

I'm having the same issue while trying to use this effect in RTL. Did you find any solutions?

[zaidqattan]

@Juanpe any solutions for this problem?

[stale[bot]]

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.

[Juanpe]

Hi @zaidqattan, please, could you provide us more info about this bug, in order to investigate how to fix it? Thanks

[zaidqattan]

When I tried to apply the skeleton view on arabic text in UILabel as you see it fail to cover the line with correct alignment

[zaidqattan]

@Juanpe waiting for your response, Thanks!

[Juanpe]

Thanks for the info, I'm going to investigate this. Just one thing, sorry but I never did it, how you configure the UILabel to show Arabic text, only need to align the text to right?

[zaidqattan]

Sorry it was UITextView
also UILabel has same issue and I think it's a general issue in supporting RTL languages.

[zaidqattan]

@Juanpe I set the alignment to right as you see in the screenshot above
Thanks for your help!

[zaidqattan]

@Juanpe any news?

[Juanpe]

Not yet, let you know when I found the problem and it's solved. Thanks

[zaidqattan]

any news about the bug fixing ? @Juanpe

[crabman448]

I don't think you have to specify alignment to the right specifically for RTL. As I understand you have to set the proper anchors and then the system will display things fine for RTL

[crabman448]

From the docs

By default, text alignment in iOS is natural; in OS X, it’s left. Using natural text alignment aligns text on the left in a left-to-right language, and automatically mirrors the alignment for right-to-left languages. For example, if you set the alignment of an NSMutableParagraphStyle object using the setAlignment: method, pass NSNaturalTextAlignment as the parameter.

However, if you want to align a control to the right in a left-to-right language (and to the left in a right-to-left language), get the layout direction, as described in Getting the Layout Direction, and set the alignment to NSLeftTextAlignment for a right-to-left language.

Source

[zaidqattan]

@crabman448 I'm still having the same issue even after specifying the alignment.

[zaidqattan]

@Juanpe any news please?

[Juanpe]

Hi @zaidqattan, I tried to reproduce this bug, I can't :/
Actually, the skeleton layer uses the view frame and doesn't matter the text alignment. So, if you specify correctly the layout constraints, the skeleton should work fine...

Let me know if you solved this problem or if you can provide more info about your layout.

[stale[bot]]

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.

[Abe-2]

This issue is occurring when using multiline skeletons on labels. To reproduce the issue, create a vertical stack view and place two labels inside it. let the first label have only one line of text and the other multiple lines. The alignment doesn't matter. For the stack view, set the alignment to "Leading." Change the app semantic to right-to-left. When you run the app the first label with align to the right and the second aligning to the left.

[Juanpe]

Hi!

Finally, SkeletonView has support for RTL, since version 1.10.0 🎉