RN Text 组件遇到中文字符换行排版异常

RN开发时遇到一个很奇怪的bug,Text组件换行的时候始终不会填满宽度再换行,试过了Text组件的所有API都不生效,搜索的时候看到这个文章 这里

Android的TextView在显示文字的时候,如果有段中文有英文,有中文,有中文标点符号,你会发现,当要换行的时候遇到中文标点,
这一行就会空出很多空格出来。原因是:
1) TextView在显示中文的时候 标点符号不能显示在一行的行首和行尾,如果一个标点符号刚好在一行的行尾,该标点符号就会连同前一个字符跳到下一行显示;
2)一个英文单词不能被显示在两行中( TextView在显示英文时,标点符号是可以放在行尾的,但英文单词也不能分开 );
3)全角和半角的问题,汉字无论全角还是半角都是占2个字节,英文和符号在半角是占一个字节,全角是占两个字节

我想这个文本是服务器取回来的,文本后面有中文句号,是不是中文标点的问题呢,于是尝试在标签后加入{"\t"}

<Text style={{ textAlign:"left",paddingLeft:10,paddingRight:10 , width:width,backgroundColor: "white",flex:1, marginTop: 2, fontSize: 12, justifyContent:"center",alignItems: "center",  color: "#f34e56" }}>{this.state.content_date} {this.state.content_new}{"\t"}</Text>

成功了
mark一下以免遗忘

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值