ios – React Native:高像素密度设备上的半像素边框问题

ios – React Native:高像素密度设备上的半像素边框问题,第1张

概述我在我的React Native应用程序中使用0.5px边框.这在大多数设备上运行良好,但在iPhone 6上加上这些边框显得模糊不清.在读取像素比率 here之后,我决定使用下面的内容. 我想知道是否有其他人能够在高像素密度设备上成功使用0.5px边框? borderWidth: PixelRatio.get() >= 3 ? 1 : 0.5 您可以像这样使用 hairlineWidth: im 我在我的React Native应用程序中使用0.5px边框.这在大多数设备上运行良好,但在iPhone 6上加上这些边框显得模糊不清.在读取像素比率 here之后,我决定使用下面的内容.

我想知道是否有其他人能够在高像素密度设备上成功使用0.5px边框?

borderWIDth: PixelRatio.get() >= 3 ? 1 : 0.5
解决方法 您可以像这样使用 hairlineWidth:

import {StyleSheet} from 'react-native';const styles = StyleSheet.create({  elementWithHalfPixelborder: {    borderWIDth: StyleSheet.hairlinewidth,},});
总结

以上是内存溢出为你收集整理的ios – React Native:高像素密度设备上的半像素边框问题全部内容,希望文章能够帮你解决ios – React Native:高像素密度设备上的半像素边框问题所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1077887.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-27
下一篇 2022-05-27

发表评论

登录后才能评论

评论列表(0条)

保存