strange style side effects only iPhone6 PLUS and iPhone6S PLUS
See original GitHub issueI encoutered a strange style side effect
or bug?
that occurs only Iphone6 Plus and Iphone6S Plus.
Details:
- on Iphone6 Plus
- on Iphone6S Plus
- no other phone (iOS or android even same screen resolution)
- could see it on simulator only (don’t have a real iPhone Plus)
- react: 0.14.8
- react-native: 0.25.1
- this happens inside react-native-scrollable-tab-view (not sure it is related)
See this image to illustrate what happens just by removing border styles:
Solution is to
avoid using border style
properties (it did not hurt in my case).
Issue Analytics
- State:
- Created 7 years ago
- Reactions:1
- Comments:9 (4 by maintainers)
Top Results From Across the Web
Side Effect - iPhone 6 Plus / 6S Plus Case - BURGA
Sophistication and softness meet in the Side Effect design of the protective iPhone 6 Plus / 6S Plus phone case, reminiscent of the...
Read more >iPhone 6s and 6s Plus review - Macworld
The iPhone 6s and iPhone 6s Plus both feel denser than the iPhone 6 models. The difference is less than an ounce, and...
Read more >Common iPhone 6 and 6 Plus problems, and how to fix them
Some owners have found that slipping the phone into a tight jeans pocket results in some of the dye sticking to the white...
Read more >iPhone 6s Plus review | iMore
This year that includes a new casing, new glass, new chipset, new cameras, new radios, new input technology, and the list goes on...
Read more >iPhone 6S Plus vs iPhone 6S: What's the difference?
The obvious thing, which most of you may already know, is size. Just like the last generation, the iPhone 6S has a 4.7-inch...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
I fixed this problem by using
StyleSheet.hairlineWidth
instead of an0.5
border width.@MacKentoch my guess is that this is related to having a borderRadius of <1. See https://github.com/facebook/react-native/issues/7888