为什么iOS中text文本重叠问题，安卓却正常？

iOS截图：

Android截图：

页面

<view>
      <text class="txtnickname">{{item.nickName}}</text>
    </view>

样式：

.txtnickname{
  overflow: hidden;
}