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

最新推荐文章于 2021-06-11 14:50:33 发布

weixin_30451709

最新推荐文章于 2021-06-11 14:50:33 发布

阅读量240

点赞数

文章标签：移动开发 javascript ViewUI

原文链接：http://www.cnblogs.com/houdzaiw/p/11429809.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})
                }}
            />

转载于:https://www.cnblogs.com/houdzaiw/p/11429809.html

weixin_30451709

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
针对RN在Android上加载HTML显示问题

<WebView style={{ marginTop:10, width:Size.screenW, height: this.state.height || 800 }} or...
复制链接

扫一扫