0

嗨,我正在使用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) 对此没有影响

4

1 回答 1

3

您需要更改html

ID

班级

于 2020-07-29T07:02:00.540 回答