React Native Text文本过长时,超出部分显示...

项目开发中文字的显示是必不可少的,比如产品简介或描述,产品详情等。往往会遇到文字过长的情况,一般怎么处理这些问题呢?
大多数软件都是将界面布局中显示不下的内容显示为...,也就是通过省略号这种方式告诉用户,没有显示完,后面还有内容

<Text style = {styles.widthCal} numberOfLines={1}>这里是需要显示的很长的文字</Text>

使用numberOfLines 限制文字显示行数即可
参考链接:
https://blog.csdn.net/wwt831208/article/details/54692922

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。