2015年ionic框架终于发布了1.0正式版,这周终于下决心把项目的四个平台版本(Android和iOS的手机和平板版本)都从几个月前的Beta13升级到了1.0,升级和测试整整折腾了一周,终于比较圆满地解决了升级问题。
- view缓存问题
ionic1.0.0 默认会缓存十个viewstate,这个应该是从AngularJS1.3版本引入的,这个功能可以让我们的应用中回退时更流畅。如果有些页面不需要缓存可以在state配置中设置cache:false, 或者在模板的ion-view 里面设置,这个需要根据项目实际情况决定。
.state(‘login‘, {
url: "/login",
cache: false,
templateUrl: "templates/login.html",
controller: "LoginCtrl"
})
如果不需要缓存页面,可以设置
$ionicConfigProvider.views.maxCache(0);
- Tab标签栏位置的平台一致性问题
android的tab图标升级后默认会在页面上部,iOS tab默认在页面底部,这个实现也是考虑平台一致性。我们项目Tab都是中页面下方的,需要修改配置
$ionicConfigProvider.platform.android.tabs.position(‘bottom’);
- icon图标class名称变化
所有的ion-ios7- 开头的图标改成了ion-ios-, 所有模板和css中使用了ion-ios7-的图标需要批量替换
- Loading加载图标升级
升级成SVG的加载图标了, 更加漂亮,并且在Android和iOS可以自动与系统默认加载图标保持一致
<ion-spinner class="spinner-calm"></ion-spinner><br>努力加载中
目前大概就发现了这些问题,整个升级还是比较平滑的,和ionic官方说的一致。
时间: 2024-10-10 11:21:32