android rn 和webview,RN 组件webView 有可能出现的问题
在用react native 做开发的时候,用到了Webview这个组件,而WebView这个组件还是有不少坑的
坑点1: scalesPageToFit 这个适配屏幕的属性
return (
ref = 'awebView'
style={styles.webStyle}
source={{uri: this.state.url, method: 'POST',body : this.state.webViewBody}} // onLoadStart={this.loadStart()}
startInLoadingState={true}
onMessage={this._onMessage}
javaScriptEnabled={true}
/>)
代码就在上面的;在iOS没问题,网页可以自适应,但是在Android平台上就出问题了,屏幕无法适配,scalesPageToFit 这个属性就是适配屏幕的,设置是否要把网页缩放到适应视图的大小,以及是否允许用户改变缩放比例。但是死活就是无法适配;后面看了webView 的源码 发现
@ReactProp(name = "scalesPageToFit")
public void setScalesPageToFit(WebView view, boolean enabled) {
view.getSettings().setUseWideViewPort(!enabled);
}
在Android 中是取反的;
所以必须
scalesPageToFit={Platform.OS === 'ios'? true : false}
这样就OK了
坑点2:地址有中文解析不了
/>
如上面地址一样,React Native webView显示404 ,这才发现webView 中有中文或者一些特殊的字符是解析不了
android rn 和webview,RN 组件webView 有可能出现的问题相关推荐
- android rn 和webview,RN Webview与Web的通信与调试
React Native Version:0.51 RN 在 0.37 版本中加入了WebView功能,所以想要在使用WebView,版本必须>=0.37,发送的 message 只能是字符串, ...
- RN 原生模块及组件入门
前段时间,由于业务的需求,开始接触到了 RN 原生模块和组件的开发,最近刚好有一位同事也是有这方面的需求要开发就过来问我,我一时间竟然有点说不清楚,回想一下,挺多一些点已经有些模糊了,趁着现在刚过完年 ...
- android开发,使用kotlin学习WebView(详细)
随着后台技术的不断发展,App前端的应用都布置了Web页面的界面,这个界面就是由WebView组件渲染出来的.WebView由如下优点:可以直接显示和渲染Web页面或者网页:可以直接调用网络上或者本地 ...
- Android Fragment使用(三) Activity, Fragment, WebView的状态保存和恢复
Android中的状态保存和恢复 Android中的状态保存和恢复, 包括Activity和Fragment以及其中View的状态处理. Activity的状态除了其中的View和Fragment的状 ...
- Android之提示Failed to load WebView provider: No WebView installed
1 问题 Fatal Exception: android.util.AndroidRuntimeException: android.webkit.WebViewFactory$MissingWeb ...
- 【Android开发】Android Studio中进行简单的WebView构建浏览器开发1
[Android开发]Android Studio中进行简单的WebView构建浏览器开发 第一步:新建一个Android Project 第二步:修改AndroidMainfest.xml文件 第三 ...
- 【Android开发】Android Studio中进行简单的WebView构建浏览器开发2
[[Android开发]Android Studio中进行简单的WebView构建浏览器开发2 第1步:在上一篇博客的基础上,修改activity_main.xml 第2步:在MainActivity ...
- Android X5WebView网络监听替换WebView失败页面稳定
一.我这边是集成了腾讯所提供的X5Webview插件,没有别的原因,就感觉比原生处理的稍微好点吧. x5Webview与H5的交互问题 x5同步cookie问题 WebView加载进度条问题处理 H5 ...
- android读取网页标题,如何获取WebView中页面的Title信息
应用开发中需要获取WebView当前页面的标题,可能通过对WebChromeClient.onReceivedTitle()方法的重写来实现 代码如下:public class MainActivit ...
最新文章
- DotNet的JSON序列化与反序列化
- zoj 3329 概率dp
- java 省市区数据data
- C语言--关于指针两种初始化赋值操作
- eShopOnContainers 知多少[9]:Ocelot gateways
- 如何在Chrome浏览器中创建账户?
- 如何下载python模块_python中模块包的离线下载教程
- 4.6 GoogLeNet CNN、tensorflow实现——python实战
- 手模手教你装 文能黑苹果,武可3A游戏大作的2400块主机
- 关于iostream.h与iostream的区别
- python 知乎 合并 pdf_如何用Python程序将几十个PDF文件合并成一个PDF?其实只要这四步...
- Git LFS 初探
- CentOS 7.9安装bpftrace
- 苹果电脑如何正确断网?macOS操作系统断网方法来了
- token防止表单重复提交
- Can't connect to MySQL server (10060)异常解决方法
- 面料防静电测试方法指南
- 沪教版神奇的机器人分段_原创:四年级语文下册第2单元9神奇的机器人课件1沪教版.pptV5.1...
- 2021年中式面点师(初级)考试题库及中式面点师(初级)操作证考试
- MySQL如何查看当前表结构
热门文章
- 专线数据维护07/05
- [恢]hdu 2047
- 如何處理不同版本的 Gem 執行檔,以 Rake 0.9.0 地雷為例
- 用固定收敛标准特征迭代次数法实现分类是不是一个巧合?
- [Machine Learning]--知识点疑问汇总[持续更新中]
- android phone驱动_一文带你掌握 Android 系统架构
- 【控制】《鲁棒控制-线性矩阵不等式处理方法》-俞立老师-第1章-引言
- 2.4 理解指数加权平均-深度学习第二课《改善深层神经网络》-Stanford吴恩达教授
- Xilinx---vivado系列
- 200528更新arduino开发ESP8266配置方法,入门必看,esp8266开发板库离线安装包package2.7.1...