Radio button inner circle is off-center

[clicktodev]

Current behaviour

As you can see, the selected radio button circle is skewed to the right and not centered.

Expected behaviour

The radio button inner circle should be properly centered.

How to reproduce?

Preview

The inner circle should be centered like this:

What have you tried so far?

Your Environment

software	version
ios	x
android	x
react-native	x.x.x
react-native-paper	x.x.x
node	x.x.x
npm or yarn	x.x.x
expo sdk	x.x.x

[MitAbhay]

I want to work on this bug, can I?

[clicktodev]

@MitAbhay Sure thing. A pull request is most welcome 🚀

[lukewalczak]

Hey @hichemfantar, could you please fill the environment data from the issue template? I've just checked RadioButton component on the Paper app from the store, on the Pixel 4a, and it looks correctly.

[clicktodev]

Hey @hichemfantar, could you please fill the environment data from the issue template? I've just checked RadioButton component on the Paper app from the store, on the Pixel 4a, and it looks correctly.

I'm also using the paper app from the playstore.
I opened the app on a OnePlus N100.

[lukewalczak]

Hey @hichemfantar, unfortunately, I don't have an access to the OnePlus N100 and looks like that issue can be specific to the device.

I want to work on this bug, can I?

@MitAbhay sure, if you are able to observe the issue don't hesitate to propose a fix 🙌🏽

[clicktodev]

@lukewalczak I'm getting the same effect in the expo go app which is written in react native. Very bizarre.

[MitAbhay]

Hey @hichemfantar, unfortunately, I don't have an access to the OnePlus N100 and looks like that issue can be specific to the device.

I want to work on this bug, can I?

@MitAbhay sure, if you are able to observe the issue don't hesitate to propose a fix 🙌🏽

@lukewalczak Sure, I am looking for the same.

[lukewalczak]

Since the root cause most likely exists outside of the Paper library, I'm closing the issue. However, if you come across any new findings or thoughts, please feel free to share them here with everyone.

[ruff-exec]

@lukewalczak I think this is still an important issue on the react native paper side and should be further investigated as I have a device with a small screen size where this issue still comes up and the expo go app on the same device does not have this issue as told by @clicktodev. Maybe expo fixed the issue react native paper still has

[ram-a-dhan]

i made a PR that fixes this. check it out.