React Native: проблемы с половинной пикселью на устройствах с высокой плотностью пикселей

Question

Я использую границы 0.5px в приложении React Native. Это отлично работает на большинстве устройств, но на iPhone 6 plus эти границы отображаются размытыми. После чтения по отношениям пикселей here Я решил использовать что-то вроде ниже.

Интересно, смог ли кто-либо еще успешно использовать границы 0.5px на устройствах с высокой плотностью пикселей?

borderWidth: PixelRatio.get() >= 3 ? 1 : 0.5 

Answer 1

Вы можете использовать hairlineWidth так:

import {StyleSheet} from 'react-native'; 

const styles = StyleSheet.create({ 
    elementWithHalfPixelBorder: { 
    borderWidth: StyleSheet.hairlineWidth, 
    }, 
});