刷新后,NativeScript拉到ActionBar后面的“刷新”页面| nativescript-pulltorefresh

时间:2018-11-12 13:35:46

标签: angular plugins nativescript

我在nativescript角度应用程序中使用nativescript-pulltorefresh插件。如您在屏幕快照中所见,页面显示属性。从滚动视图下拉列表中完成刷新后,视图将向上移到操作栏的后面。页面底部甚至还有原始内容的空白。

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

...
</ActionBar>

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

我愿意接受所有建议。

谢谢!

Before Pull Refresh

After Pull Refresh

Bottom of ScrollView showing gap

1 个答案:

答案 0 :(得分:2)

很幸运,查看我问题中的屏幕截图可以找到有关此问题的线索。刷新导致ScrollView中的初始视图调整大小。通过将iosOverflowSafeArea =“ false”添加到标记中,可以防止此现象发生,并且视图按预期运行。