重点理解:为什么 rn 中会有 WebView?
automaticallyAdjustContentInsets:是否自动调整内部内容
bounces(IOS):回弹效果 如果为 false,则内容拉到底部或头部不回弹,默认为 true
domStorageEnabled(Android):仅限 Android 平台。指定是否开启 DOM 本地存储
javaScriptEnabled:仅限 Android 平台。iOS 平台 JavaScript 是默认开启的
contentInset:内部内容偏移值 该值为一个 JavaScript 对象{top:number,left:number,bottom:number,right:number}
source:{{uri:'网址'}}在 WebView 中载入一段静态的 html 代码或是一个 url(还可以附带一些 header 选项){{html:'html 代码块'}}
injectedJavaScript:注入的 js 代码,其值为字符串,如果加上了该属性,就会在 webview 里面执行 js 代码(在网页加载之前注入)
mediaPlaybackRequiresUserAction:设置页面中的 HTML5 音视频是否需要在用户点击后再开始播放。默认值为 false
onNavigationStateChange:监听导航状态变化的函数(当发现浏览器地址改变时,触发事件)
renderError:监听渲染页面出错的函数
startInLoadingState:是否开启页面加载的状态
renderLoading:webview 组件正在渲染页面时触发的函数,需要同 startInLoadingState 一起使用,当 startInLoadingState 为 true 时该函数才起作用
scrollEnabled(IOS):表示 webview 里面页面是否能滚动,如果其值为 true 则可以滚动,否则禁止滚动
scalesPageToFit:按照页面比例和内容宽高比例自动缩放内容
欢迎来到这里!
我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。
注册 关于