首页 > 解决方案 > 如何处理 RenderHtml 组件中的溢出

问题描述

我正在使用RenderHtml组件 from'react-native-render-html'在 react native 中呈现一些 html。问题是我正在渲染的文本太长,如果溢出,我希望它具有“....”。我该怎么做呢?

const tagsStyles = {
  p: {
    color: '#fff',
    margin: 0,
    fontSize: 15,
  },
};
<View style={{padding:10,flex:2,height:200,overflow:'hidden'}}>
  <RenderHtml
     contentWidth={width}
     source = {{html: movie.show.summary}}
     tagsStyles = {tagsStyles}
  />
</View>

标签: htmlreactjsreact-nativereact-native-render-html

解决方案


推荐阅读