RN View borderStyle只设置一边的Width无法显示

最新推荐文章于 2022-09-07 13:06:56 发布

黑芝麻饺子

最新推荐文章于 2022-09-07 13:06:56 发布

阅读量1.2k

点赞数 1

分类专栏： RN 文章标签： js

本文链接：https://blog.youkuaiyun.com/weixin_41108537/article/details/106733402

版权

RN 专栏收录该内容

3 篇文章

订阅专栏

在React Native（RN）开发中，若要仅显示View的一边边框，需要注意边界宽度的设置。当尝试只设置一个边的borderWidth时，可能会遇到无法显示的情况。解决方法是确保遮盖隐藏，且内部border应完整设置，通过调整内外高度来实现视觉上的单边边框效果。在实际应用中，记得将尺寸转换函数computedRem替换为实际的数值进行测试。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<View style={{height:computedRem(0.04),overflow:"hidden",marginVertical:computedRem(0.25)}}>
	<View style={{
		borderColor:"#CACACA",
		borderWidth:computedRem(0.04),
		borderStyle:"dotted",
		height:0,
		borderRadius:0.1
		}}>
	</View>
</View>