码迷,mamicode.com
首页 > 移动开发 > 详细

针对RN在Android上加载HTML显示问题

时间:2019-08-29 15:57:05      阅读:422      评论:0      收藏:0      [点我收藏+]

标签:led   size   nload   line   base   默认   type   message   rda   

<WebView
style={{
marginTop:10,
width:Size.screenW,
height: this.state.height || 800
}}
originWhitelist={[‘*‘]}
automaticallyAdjustContentInsets={true}
startInLoadingState={true}
useWebKit={true}
source={{html: `<!DOCTYPE html><html lang="en"> <head>
<meta charset="UTF-8">
<title>Title</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<style type="text/css">
html,body {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
// overflow: hidden;
}
</style>
</head><style type="text/css">
.tour_product_explain img{ display: block!important; vertical-align: top!important; width: 100%!important;}
.tour_product_explain{ padding: 0 15px 20px 15px;}
.tour_product_explain *{text-align: left!important;
font-size: 14px!important;
line-height: 1.3!important;
/*font-family: Arial,"Lucida Grande",Verdana,"Microsoft YaHei",hei!important;*/
float: none!important;
padding: 0!important;
position: static!important;
height: auto!important}
</style><body><div class=‘tour_product_explain‘ id=‘content‘>${this.state.value}</div></body></html>
`,baseUrl:‘‘}}
scalesPageToFit={true}
javaScriptEnabled={true} // 仅限Android平台。iOS平台JavaScript是默认开启的。
domStorageEnabled={true} // 适用于安卓a
scrollEnabled={false}
onMessage={(event)=>{
this.setState({height: +event.nativeEvent.data})
}}
/>

针对RN在Android上加载HTML显示问题

标签:led   size   nload   line   base   默认   type   message   rda   

原文地址:https://www.cnblogs.com/houdzaiw/p/11429809.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!