[Bug] iOS RadioButton alignment in RTL

[Cloudtrackers]

Description

If FlowDirection (RTL or LTR) it is always aligned in the left. it happens only in iOS.

Steps to Reproduce

1. HorizontalOptions is "FillAndExpand"
2. FlowDirection is RightToLeft
3. and the Text is Arabic

Expected Behavior

In RTL Mode, RadioButton should be start from the right.

Actual Behavior

In both mode (RTL or LTR), Always start from left

Basic Information

• Version with issue: Xamarin.Forms 4.7.0.1080

• Last known good version:

• IDE: Visual Studio Community 2019 for Mac , Version 8.6.5 (build 23)

• Platform Target Frameworks:

  • iOS: Version: 6.18.2.1 (Visual Studio Community)
  • Android: Version: 10.3.1.4 (Visual Studio Community)
  • UWP:

• Android Support Library Version:

• Nuget Packages:

• Affected Devices:

Screenshots

Reproduction Link

Workaround

[jsuarezruiz]

Can reproduce the issue. Attach a reproduction sample: Issue11324.zip

[PureWeen]

Android also appears to be problematic as well https://github.com/xamarin/Xamarin.Forms/issues/12440

[hamiddd1980]

Hi. I found out that the Radiobutton (without applying Control Template) is Displayed correctly in Right To Left mode in Android by Enabling android:supportsRtl="true" . but the problem still exists when a Control Template is applied to the View in RightToLeft Mode in Android and iOS.(following pictures) also in iOS , the Text and Radiobutton overlaps. Thanks. Radiobutton in RightToLeft Mode in iOS with applied ControlTemplate:

Radiobutton in RightToLeft Mode in Android with applied ControlTemplate:

[hartez]

PR #12742 partially addresses this - it gets the FlowDirection applying to the RadioButton. The default template still has an issue, though; it always places the content to the right of the button itself, so applying RTL is pushing the content off the edge of the container.