Ionic 2 - 如何重新计算滚动内容和固定内容的边距答案

【问题标题】：Ionic 2 - How to recalculate margins for scroll-content and fixed-contentIonic 2 - 如何重新计算滚动内容和固定内容的边距
【发布时间】：2017-12-05 12:05:30
【问题描述】：

我在我的 ionic 2 应用程序中使用 auth0 lock 进行身份验证。一旦通过身份验证，用户就会从登录页面转到主页。锁的配置设置为closable: false，以便在将用户发送到主页之前在后台运行一些代码。

但是，当我回到家时，发现我的 scroll-content 和 fixed-content 都缺少内联 css 作为边距。这里也讨论了一个类似的问题：Using nav.setRoot causes scroll-content to be missing margins for header/footer

有谁知道如何或什么触发scroll-content 和fixed-content 上内联css 的计算和插入？

如果 auth0 锁定配置具有 autoclose: true，则似乎不会出现此问题，但仅当您手动隐藏锁定并继续到另一个页面时才会出现此问题。

【问题讨论】：

标签： angular ionic2 auth0

【解决方案1】：

您可以使用ion-content - https://ionicframework.com/docs/api/components/content/Content/ 上提供的resize 方法

您需要做的就是：

@ViewChildren(Content) content: Content;

headerUpdated() {
  this.content.resize();
}

调用resize() 方法后，fixed-content 和scroll-content 的边距将被更新。

【讨论】：