设置本地WebView的文本颜色

要更改HTML中文本的颜色,请将HTML包装为 div 标记并设置字体的颜色 部门 在一个 style .

html = '<div style="color: white">' + html + '</div>';
<WebView source={{ html: html }} />

<WebView source={{ html: "<strong>This is my Webview</strong>" }} />

import React, { Component } from 'react'
import {WebView} from 'react-native'
class ExternalWidget extends Component {
   render()
   {
      <WebView source={{uri:'./external/widget/index.html'}} 
         scalesPageToFit/>
   }
}
export default ExternalWidget

here

如果您以前没有在react中使用过样式,那么它非常简单。将引用的样式导出到一个零部件中,或单独导出为text.js/颜色.js等,并使用变量引用组件类。 stylesheet 然后s.text1将获取text1类。。

constructor(props){
    super(props);
    this.html = this.props.data.terms_and_conditions + '<style>body{color:#464647}p,li{text-align:justify}a{color:#444}<style>'
}

render() {
    return (
        <View style={[styles.flex, { marginHorizontal:15 }]}>
           <WebView
            source={{ html: this.html }}
           />
        </View>
    );
}