针对RN在Android上加载HTML显示问题
Posted houdzaiw
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了针对RN在Android上加载HTML显示问题相关的知识，希望对你有一定的参考价值。
<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显示问题的主要内容，如果未能解决你的问题，请参考以下文章
Android Fragment 未显示在 React Native App 中