Due to a very obscure check inside of React Native's iOS (and macOS) implementation, borders on views are sometimes drawn as raster images. This means that when you zoom into a view (if it's a ScrollView for example), the corner radio don't scale well, and you can get blurriness. Luckily, the fix is to just add the style property overflow: 'hidden'. This seems like a safe/good thing to do for all platforms, so I didn't gate it behind a platform check
Verification
Before:
After:
Pull request checklist
This PR has considered (when applicable):
[ ] Automated Tests
[ ] Documentation and examples
[ ] Keyboard Accessibility
[ ] Voiceover
[ ] Internationalization and Right-to-left Layouts
Platforms Impacted
Description of changes
Due to a very obscure check inside of React Native's iOS (and macOS) implementation, borders on views are sometimes drawn as raster images. This means that when you zoom into a view (if it's a ScrollView for example), the corner radio don't scale well, and you can get blurriness. Luckily, the fix is to just add the style property
overflow: 'hidden'
. This seems like a safe/good thing to do for all platforms, so I didn't gate it behind a platform checkVerification
Before:
After:
Pull request checklist
This PR has considered (when applicable):