RN 组件之一 WebView

最新推荐文章于 2023-08-15 14:05:29 发布

snow51

最新推荐文章于 2023-08-15 14:05:29 发布

阅读量632

点赞数

分类专栏： RN 文章标签： WebView

本文链接：https://blog.youkuaiyun.com/snow51/article/details/80563183

版权

RN 专栏收录该内容

40 篇文章

订阅专栏

本文介绍了 React Native 中 WebView 组件的基本用法，包括如何设置宽度、高度等样式属性，以及如何通过设置 URL 属性来加载指定网页。此外，还介绍了几个常用的回调函数，如加载失败、加载完成和导航状态改变时触发的回调。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

RN 组件之一 WebView

下文：react-native-autoheight-webview

let {deviceWidth, deviceHeight} = Dimensions.get('window');
<WebView 
     source={{url: 'https://github.com/facebook/react-native'}}  //载入url或静态的页面
     style = {{width:deviceWidth,height:deviceHeight-20}}
     onError = {() => {}} //加载失败的回调
     onLoad = {() => {}}  //加载完成的回调
     onNavigationStateChange = {() => {}} //当导航状态发生改变的回调
/>