webview组件详解

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了webview组件详解相关的知识,希望对你有一定的参考价值。

ViewController.m 文件

凡是能在原生界面上能看到的都是视图,只是视图的类型不同,混合开发就是一部分功能是由网页完成的

webview组件内置了一个轻量级的浏览器,把我们的html代码渲染出来,是一个特殊的视图,能够展示视图,解析视图。

第一步 创建webview视图
UIWebView *webview = [ [UIWebView alloc] initWithFrame:CGReactMake(100, 150 , 300, 300)]

给webview设置边框
webview.layer.borderWith = 2; //设置边框2像素

webview.layer.borderColor = [UIColor lightGrayColor].CGColor; //设置灰色

[self.view addSubview:webview] //加到空白的大视图上

技术图片

第二步 设置实际项目的webview
webview实际视图大小设置要从状态栏以下(0,20)开始设置(空出20像素,状态栏是20像素高)占满整个屏幕,不然会与状态栏重叠,安卓直接从(0,0)开始

CGFloat width = self.view.frame.size.width; //空白页宽度
CGFloat height = self.view.frame.size.height; //空白页高度

以上是关于webview组件详解的主要内容,如果未能解决你的问题,请参考以下文章

ReactNative WebView组件详解

React Native开发React Native控件之WebView组件详解以及实例使用(22)

Android WebView使用详解包括js互调

关于 WebView 知识点的详解

Android:最全面的 Webview 详解

Carson带你学Android:最全面的Webview使用详解