[WEEX-653] feature for Rtl layout

• Type: New Feature
• Status: Open
• Priority: Major
• Resolution: Unresolved
• Affects Version/s: 0.18
• Fix Version/s: 0.18
• Component/s: Android, iOS, Web Renderer
• Assignee: York Shen
• Reporter: Kai Tian
• Created: 24/Oct/18 03:21
• Updated: 15/Nov/18 09:24

Description

[android][ios][core] Whole platform support rtl direction by CSS "direction:rtl"

[core] Update the new layout engine to support inheritable CSS "direction:rtl".
[ios][android] Update component layer, to support list, slide, scroller RTL direction. Update WXEnvironment, now we can get system layout direction by WXEnvironment.layoutDirection. Update WXDomModule, now we can get element layout direction by getLayoutDirection(ref,callback)
Few languages such as Arabic, Hebrew, or Persian are written from Right to Left, but weex not support RTL layouts. To handle them. Since this PR merged, we can use weex for RTL languages in both android and ios. And Scroller performance like native, layout and scroll direction will be reverse.

 

There are some test Demos:
Div+Scroller http://dotwe.org/vue/9c3ee9824dd49111a87a93ea6513039a
Horizontal Scroller http://dotwe.org/vue/0dd282e3183c2384ec38a465c915ce41
Scroller (ScrollToElement) http://dotwe.org/vue/a24001978199df6e981673e9460598c8
Slider http://dotwe.org/vue/7e45bcf71ad396032944bc51541d6350
Animation http://dotwe.org/vue/b578facdbb623f6922f0905ae09b7e49
envDirection + getLayoutDirection http://dotwe.org/vue/d6c5cf7a2a907c33cf4ba25fea6e6ef4

Issue Links

• links to: GitHub Pull Request #1664