ionic在Ios和Android上样式不兼容问题~

爱门~ 2017-09-19 05:01:38
刚开始学习angularjs和ionic开发,也是一个新人。
在用ionic开发移动应用的时候,偶尔发现一些组件在不同系统上显示的样式不一致,在研究底层代码之后,目前发现以下的一些问题和解决方案:
①ion-checkbox在Android上默认显示为方形:
解决方法:在app.js中加入配置
.config(function ($stateProvider, $urlRouterProvider, $ionicConfigProvider) {
//修改checkbox在Android上默认显示为圆形
$ionicConfigProvider.platform.android.form.checkbox('circle');
}
②ion-toggle在Android上默认显示为小图标:
解决方法:在上面的.config中添加一条配置:
//修改toggle在Android上默认显示为大开关
$ionicConfigProvider.platform.android.form.toggle('large');
③navBar标题在Android不居中:
解决方法:$ionicConfigProvider.platform.android.navBar.alignTitle('center');
④tabs在Android上默认在屏幕上方:
解决方法:$ionicConfigProvider.platform.android.tabs.style('standard');
$ionicConfigProvider.platform.android.tabs.position('standard');

后续如果发现,会继续补充~
...全文
2205 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
weixin_41066453 2018-02-07
  • 打赏
  • 举报
回复
ionic-header 在android中正常显示,但是在ios 中显示不正常,样式什么的都不生效,请问这是什么原因呢
爱门~ 2017-09-19
  • 打赏
  • 举报
回复
欢迎大家补充,相互学习

790

社区成员

发帖
与我相关
我的任务
社区描述
移动平台 其他移动相关
社区管理员
  • 移动开发其他问题社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧