plugins : autoGuidelinePlugin
TomWq opened this issue · comments
Description
"I used the autoGuidelinePlugin provided by the author in the example, but I encountered an issue. When I assign a circular shape to a view like this:
avatar: {
width: 80,
height: 80,
borderRadius: 40
backgroundColor: theme.colors.background
},
It displays as a circle on iOS, but on Android, it's a flat pattern. Is this normal?"
Steps to reproduce
It's all written up there
Snack or a link to a repository (optional)
No response
Unistyles version
2.7.2
React Native version
0.73.6
Platforms
Android, iOS
Engine
Hermes
Architecture
Paper (old)
Hey, example is an example. Try to understand the plugin code and what's going on with your styles. You can always use debugger or console.log to check the values.
It seems that one of the dimensions are altered by the plugin. Figure out how to add "if" and isolate the problem.
It's just a plain JavaScript, for sure you will figure it out.
in some cases you need overflow:hidden
style on parent component and/or in the actual component when playing with borderRadius on Android