ionic3 IOS真机测试BUG记录(持续更新中...)

1.ios默认没有键盘的取消按键需要使用到cordova键盘插件 。

【例】this.keyboard.hideKeyboardAccessoryBar(false); //使用下一个，上一个和完成按钮隐藏键盘附件栏。

2.ios端div(非button和<a>)点击事件有300ms左右延迟，需在有click事件的地方加上 tappable 属性。

【例】<div tappable (click)="myClick()">点击事件</div>

3.ios端禁止自动旋转屏幕(默认不设置的情况下会自动旋转屏幕)

【例】在config.xml中添加 <preference name="Orientation" value="portrait" />

4.ios输入框键盘失去焦点后未隐藏键盘

【例】所有输入框都要使用ion-input 或 ion-textarea (不要轻易直接使用(<input>这种标签)),ionic框架会对表单进行封装，兼容ios表单

5.ios键盘会把页面整体往上推出边界，需要使用到cordova键盘插件。

【例】this.keyboard.disableScroll(true);//当输入焦点时，防止本机UIScrollView移动。

6.ios端无法使用--prod命令对代码进行压缩

【例】ionicCLI(命令行)版本大于等于2.2.2的时候才可以使用--prod命令对代码进行压缩。

7.ios端 npm install/uninstall -g ionic 安装/卸载ionicCLI的时候报错

【例】在mac上安装环境需要管理员权限 在命令前加上sudo，即sudo npm install/uninstall -g ionic

8.ios端使用<super-tabs>(可以滑动的tabs)的时候，下拉出现顶部被拖拽下来

【例】ios端使用<super-tabs>(可以滑动的tabs)的时候，不要嵌套在<ion-content>中

9.顶部导航栏颜色控制

【例】ios默认为渐进式导航，已经对header组件进行了处理,需注意灵活运用切换导航栏文字颜色
styleDefault()//使用默认状态栏（深色文本，适用于浅色背景）。

styleLightContent()//使用lightContent状态栏（浅色文本，深色背景）。

10.改变<ion-multli-picker>选择按钮为中文

【例】node_modules—ion-multi-picker—dist—components—multi-picker—multi-picker.js 文件中直接把默认初始值改为中文的“确定” 和 “取消”(每次初始化程序后都要改)

11.<ion-input>外层的<div>不可以出现 position:relative;属性

【例】会影响到ionic默认的布局，当ion-input获得焦点后,页面会乱跳

12.ios 中键盘、文字操作、相机操作等的英文变成中文

【例】使用Xcode编译的时候 修改xcode中项目info---->Localization native development region中的English为China。

13.ios中文字无法选中，光标位置无法调整

【例】在css添加 .input-cover{ display:none;} ，然后当输入框获得焦点的时候页面位置不会动态改变了，某些特殊位置的输入框 底部加点高度解决,此方法同样适用于android