react-native-autoheight-webview || An auto height webview for React Native.

最新推荐文章于 2024-08-22 09:36:46 发布

snow51

最新推荐文章于 2024-08-22 09:36:46 发布

阅读量1.7k

点赞数

分类专栏： RN

本文链接：https://blog.csdn.net/snow51/article/details/80563439

版权

RN 专栏收录该内容

40 篇文章 1 订阅

订阅专栏

react-native-autoheight-webview

npm install react-native-autoheight-webview –save (rn >= 0.47)

npm install react-native-autoheight-webview@0.3.1 –save (0.44 <= rn < 0.47)

npm install react-native-autoheight-webview@0.2.3 –save (rn < 0.44)

 <AutoHeightWebView
        scalesPageToFit={Platform.OS === 'android' ? true : false}
        enableBaseUrl={true}
        heightOffset={15}
        style={{backgroundColor:'#fff', width:Dimensions.get('window').width - 28, marginTop: 20}}
        enableAnimation={false}
        animationDuration={0}
        source={{ html: `<!DOCTYPE HTML>
<html>
<head>
     <meta charset="utf-8"/>
     <meta http-equiv="Content-Type" content="width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0" />
</head>
<body>
${this.state.data.content}
<style media="screen">
        html,body{padding:0;min-height:64px;backgroundColor:'#fff'}
        img{max-width: 100%}
</style>
</body>
</html>`,baseUrl:''}}
/>