确定ScrollView内容的高度

时间:2019-07-05 11:37:30

标签: ios nativescript nativescript-vue nativescript-telerik-ui

我有一个Nativescript-Vue应用程序,我试图确定ScrollView内包含内容的高度,但是当我在更改ScrollView前后前后都放弃了ScrollView的各种与高度相关的属性时,调整所包含内容的大小,报告的高度没有差异。

作为一个额外的问题,我真正关心的是确定所包含的RadDataForm Picker元素的状态(折叠或扩展),并且在找不到运气确定该状态后,我认为我可以通过以下方式回避该问题:查看ScrollView内部的RadDataForm的整体高度。因此,如果您知道如何确定Picker状态,那将是一个更好的答案。

这是我尝试过的基本前提:

   let view = this.$refs.scrollView.nativeView;
   let size = view.getActualSize();
   console.dir(size);
   console.log(
      `ht: ${view.height}, ${view.getMeasuredHeight()}, ${view.effectiveHeight}, ${view.scrollableHeight}, ${view.verticalOffset}`
   );

完整的测试代码在此Playground上: https://play.nativescript.org/?template=play-vue&id=SvC31q&v=3

这里有ScrollView的API: https://docs.nativescript.org/api-reference/classes/_ui_scroll_view_.scrollview

我希望您可以单击该按钮以将高度状态转储到控制台,单击国家/地区选择器,然后再次单击该按钮,并查看至少其中一个属性的差异,但到目前为止,还没有欢乐。

1 个答案:

答案 0 :(得分:0)

在ScrollView上使用scrollableWidth / scrollableHeight知道实际的可滚动宽度/高度。