ionic4 可能忽略的一些细节

1.iOS中,页面被状态栏遮挡的问题

有的说 

具体是解决是  在config.xml   配置如下代码

<preference name="StatusBarStyle"  value="default"/>       //默认样式

<preference name="StatusBarBackgroundColor"  value="#000000" />    //导航栏颜色

这样来设置,其实就是强制预留出顶部空白,在设置颜色看起来不难看,一般也就解决了,但是我在用到swiper+ion-slides,出现了页面显示当前再加上一部分其他页面的问题,

解决办法:

不需要设置,直接在 body样式中加入

padding-bottom: 20px;然后在 index.html中加入 viewport-fit=cover
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no,viewport-fit=cover">


2.iOS 图片样式不显示问题
使用 WKWebView时,图片前加 ../../ 好像是没问题的,但是使用UIWebView时,不需要加../,直接写assets路径,样式中的图片,仍需要加 ../

3.iOS 跨域访问
在config.xml中加入
<preference name="CordovaWebViewEngine" value="CDVUIWebViewEngine" />

使用UIWebView,这对性能肯定有很大影响,但是也没找到很好的办法,对于有些接口,可以使用 jsonp来访问,注意:链接要加入
&callback=JSONP_CALLBACK这个参数
this.jsonp.get("url").subscribe(function (data) {
//获取的 数据

})
记得在app.module.ts imports中,加入
JsonpModule.

4.iOS 微博登录

在微博开发者平台申请应用是,要填写一个回调地址,记得在config.xml中 填写,两者要一致
<preference name="REDIRECTURI" value="your url" />














posted @ 2018-09-21 08:40  头一回  阅读(3552)  评论(0编辑  收藏  举报