时间戳

首页 > 解决方案 > 反应原生渲染 HTML-> 类样式不起作用

html - 反应原生渲染 HTML-> 类样式不起作用

问题描述

嗨，我正在使用react-native-render-html 渲染 HTML。

    var strHTML = ''
strHTML = `<html><head></head><body><div id="container"><div id="one"><h3>Sunny</h3><p>Developer</p><p>Ist Floor, Shubham Complex, Ghatlodiya</p><p>Ahmedabad, Gujarat 380061</p></div><div id="two"><h3>9999999</h3><p>Specification </p></div></div></body></html>`

<ScrollView style={{ flex: 1 }}>
            <HTML html={htmlContent} tagsStyles={tagsStyles} classesStyles={classStyles} imagesMaxWidth={Dimensions.get('window').width} />
        </ScrollView>

    const styles = {
  tagsStyles: { 
      p: {margin: 2},
      h3: {margin: 2, color: 'red'}
  }

};

const classStyles = { 
  "container": { height: 200,  background: 'red'}, 
    "one": {   height: 200,float: 'left' }, 
    "two": {   marginLeft: 30,height: 200 }
};

但是 classStyles(container,one,two) 对此没有影响

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

解决方案

您需要更改html

ID

至

班级

推荐阅读