react-native :Text文本过长时 显示...

react-native :Text文本过长时,最右边文字部分不显示的问题。

<Text style={{marginHorizontal: 5, flexShrink: 1}}>
  <Text>test</Text>
  <Text>阿斯顿发斯蒂芬阿斯顿发斯蒂芬爱上对方答复好地方规划 梵蒂冈电饭锅和</Text>
</Text>

Text文本过长时 显示...

numberOfLines={ number }
<Text numberOfLines={1}>
阿斯顿发斯蒂芬阿斯顿发斯蒂芬爱上对方答复好地方规划 梵蒂冈电饭锅和
</Text>

<Text>
  {title ? (title.length > 5 ? title.substr(0, 5) + "..." : title) : ""}
</Text>

阿斯顿发斯蒂芬阿斯顿发斯蒂...

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容