[Bug] Radio button circle and text do not align

[JesseLiberty]

Description

When using the new Xamarin.Forms experimental radio buttons, the circle does not align with the text.

Steps to Reproduce

1. Create a pair of radio buttons
2. Go to the page and view them

Expected Behavior

circle and text align

Actual Behavior

circle and text do not align

Basic Information

• Version with issue: Xamarin.Forms 4.6.0.726
• Last known good version:
• IDE: Visual Studio (Windows)
• Platform Target Frameworks:
  • iOS:
  • Android:
  • UWP:
• Android Support Library Version:
• Nuget Packages:
• Affected Devices: iOS, Android & UWP

Screenshots

Reproduction Link

Workaround

Putting the radio buttons into a grid and constraining the size of the row forces the alignment

[geeflizz]

I have same problem but on iOS only.
@JesseLiberty can you share your workaround sample? I can't fix it, tried to put buttons in a grid on different rows (with fixed height) - no result.
Thanks.

[kavitap810]

I also have same problem with IOS only.
@JesseLiberty can you share your workaround sample?

[geosom]

Hi. I also have the same problem on IOS. For me the bug appears when the Radiobutton is in hidden StackLayout and when the StackLayout become visible the alignment appears broken.

[sereoja]

Hi. I also have the same problem on IOS. For me the bug appears when the Radiobutton is in hidden StackLayout and when the StackLayout become visible the alignment appears broken.

Same here, can confirm that the issue is observed on iOS only and when it is under a StackLayout that has initial value IsVisible=false; after this value changes to true, the radiobutton will get offcenter regardless if it is in grid on stacklayout.
I am on latest Forms 4.8.0.1687