首页 > 其他 > 详细

RN 去掉Text组件文本的内边距

时间:2019-11-23 12:29:18      阅读:269      评论:0      收藏:0      [点我收藏+]

1. 我在写适配的时候,发现网上写的文章,都不管用,我开始怀疑肯定自己这出了问题,后面发现,不写适配应该可以。那么写出来的效果跟UI设计图不一样是为什么呢,我给了一个文字背景颜色,发现上下有大块留白,我虽然在学校学过Android,做过Android的小demo,可是如果不把作品当商品去做,就很难发现细节有问题。 下面就是效果图片

技术分享图片

 

 

尝试解决,RN 的Text属性中有  includeFontPadding 属性设置为false , 效果嘛,确实消除了一部分,但上下内边距还是有剩余。下面是效果图
技术分享图片

 

 

解释为什么有“剩余内边距”:先上一张图
技术分享图片

 

上图中top 和 bottom之间的高度就是文字默认高度,当设置includeFontPadding:false时,只是去掉了,top与ascent 和 bottom与descent之间的距离,剩余部分就是让人难受的地方了,参考原生Android方法,别人都是自定义装文本组件,我目前解决不了

=》自定义组件我不行,那就想其它损招呗
考虑到字体大小不同,也会有大小不一样的“空白部分”,所以如果确定字体大小,通过设置marginTop的负值,将留白部分“抵消掉”,我只能这么干

 

 

RN 去掉Text组件文本的内边距

原文:https://www.cnblogs.com/tengyuxin/p/11916851.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!