meteor - 带有 Meteor 的 Iron Router 路由之间的动画页面转换

Question

目前，我找到的在路由之间设置动画的唯一解决方案就是淡出当前页面 onBeforeAction并淡入新页面 onAfterAction .但这只是蹩脚的。

我想尝试执行 some really sleek transitions like these .

我相信这需要同时在页面上呈现多个页面，但这似乎非常占用资源，甚至似乎根本不使用铁路由器。

有什么想法可以实现吗？

Answer 1

我使用这样的解决方案 http://meteorpad.com/pad/5kii9SRbbnjiTHeQe

MeteorPad 不允许使用 IronRouter，所以我的例子没有使用它。在 IronRouter 中，您可以使用 action() 方法设置“currentPage” session 变量并始终呈现“transitioner”模板。像这样的东西:

Router.map(function() {
  this.route('home', {
    path: '/',
    action: function() {
      Session.set('currentPage', 'home');
      this.render('transitioner');
    }
  });

  this.route('about', {
    action: function() {
      Session.set('currentPage', 'about');
      this.render('transitioner');
    }
  });
});

我为此使用了一个包装器。它还可以帮助我定义过渡样式和方向。

并小心订阅/取消订阅，因为上一页将在转换完成之前对订阅更改使用react!