React-NativeWebView组件的使⽤
WebView组件的属性
新凤霞事件怎么回事
1.allowFileAccess:布尔值,设置是否WebView有权访问⽂件系统。默认值为false(Android);
一首情歌歌词
3.source:在 WebView 中载⼊⼀段静态的 html 代码或是⼀个 url(还可以附带⼀些 header 选项)。注意如果是载⼊html代码,则需要设置originWhitelist,⽐如可以设为["*"]来允许运⾏本地代码。
uri:指定组件加载的⽹址,
method:指定加载的⽅式,需要服务端配合,
headers:指定加载时的请求头,需要服务端配合,
body:指定加载的请求体,需要服务端配合,
html:⽤来指定直接加载的html页⾯格式,
baseUrl:⽤来将需要加载的⽂件路径写成相对项⽬的相对路径
5.automaticallyAdjustContentInsets:控制插⼊到导航栏,标签栏或者⼯具条之后的 web 内容是否⾃适应。默认为true。
window.postMessage 只发送⼀个参数 data,此参数封装在 RN 端的 event 对象中,即 event.nativeEvent.data。data 只能是⼀个字符串。
15.startInLoadingState:布尔值,控制WebView第⼀次加载时是否显⽰加载视图(如指⽰器)。当设置了renderLoading时必须将这个属性设置为true 才能正常显⽰。
16.scalesPageToFit:布尔值,控制⽹页内容是否⾃动适配视图的⼤⼩,同时启⽤⽤户缩放功能。默认为true。
On iOS, when useWebKit=true, this prop will not work.
17.style:设置样式,跟View类似。
住房公积金如何提取
18.decelerationRate:指定⼀个浮点数,⽤于设置在⽤户停⽌触摸之后,此视图应以多快的速度停⽌滚动。也可以指定预设的字符串值,
如"normal"和"fast",分别对应 UIScrollViewDecelerationRateNormal 和 UIScrollViewDecelerationRateFast。(ios)
normal: 0.998
fast: 0.99 (ios web view 默认)
19.domStorageEnabled:开启Dom本地存储(android)
20.javaScriptEnabled:控制是否启⽤ JavaScript。仅在安卓下使⽤,因为 IOS 默认为启⽤ JavaScript。默认值为true。(android)
21.mixedContentMode:指定混合内容模式。即 WebView 是否应该允许安全链接(https)页⾯中加载⾮安全链接(http)的内容
never (默认) - WebView 不允许安全链接页⾯中加载⾮安全链接的内容
御封
always - WebView 允许安全链接页⾯中加载⾮安全链接的内容。
compatibility - WebView 会尽量和浏览器当前对待此情况的⾏为⼀致
(android only)
22.userAgent:设置 WebView的 user agent 字符串。⽬前仅⽀持 Android。
23.allowsInlineMediaPlayback:控制 HTML5 视频是在内部播放(⾮全屏)还是使⽤原⽣的全屏控制器。默认为 false。注意:为了确保内联播放,除了这个属性需要被设置成true, 在 html 代码中视频元素也需要包含 webkit-playsinline属性。(ios)。
24:bounces:控制当 webview 内容到达底部时是否进⾏回弹。默认为 true。(ios)
25:contentInset:webview 插⼊到滑动视图时距离边缘的距离。默认为{top: 0, left: 0, bottom: 0, right: 0}。(ios)
26:dataDetectorTypes检测 webview 内容,并将指定类型的数据变成可点击的 URL。默认只对⼿机号码进⾏变换。你可以提供单⼀类型或者数组类型。(ios)
可⽤的 dataDetectorTypes 如下:
乾隆的儿子们phoneNumber
link
address
calendarEvent
none
all
如果启⽤新的WKWebView实现,还有额外的三个值可⽤:
trackingNumber
flightNumber
lookupSuggestion
27:scrollEnabled:控制是否在 WebView中启⽤滑动。默认为 true。
28:useWebKit:设置true的时候会使⽤新的WKWebView来代替⽼的UIWebView。(ios)
WebView组件的⽅法1:goForward()
2:goBack()
3:reload()
好听的伤感网络歌曲
4:stopLoading()