NativeScript Pull to Refresh page after ActionBar after refresh | nativescript-pulltorefresh

Question

我在 nativescript angular 应用程序中使用 nativescript-pulltorefresh 插件。正如您在屏幕截图中看到的，该页面显示属性。当从滚动视图拉动完成刷新时，视图将在操作栏后面向上移动。页面底部甚至还有原始内容所在的空白处。

这是页面标记。正如其他一些人在相关帖子中所建议的那样，我尝试将PullToRefresh 和ScrollView 包装在AbsoluteLayout 和GridLayout 中。结果是一样的。

...
</ActionBar>

<PullToRefresh (refresh)="refreshList($event)" style="background- color: #F5F7FA;">
  <ScrollView>
    <GridLayout rows="auto, *" width="100%">
    ...
    </GridLayout>
  </ScrollView>
</PullToRefresh>

我愿意接受所有建议。

谢谢！

Answer 1

幸运的是，查看我的问题中的屏幕截图为我提供了问题的线索。刷新导致 ScrollView 中的初始视图调整大小。通过将 iosOverflowSafeArea="false" 添加到标签中，它可以防止这种情况发生并且视图按预期执行。