美文网首页
react-native :Text文本过长时 显示...

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

作者: 木易先生灬 | 来源:发表于2018-11-16 15:38 被阅读0次

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>

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

相关文章

网友评论

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

      本文链接:https://www.haomeiwen.com/subject/yiumfqtx.html