背后的本机脚本代码-将GridLayout动态添加到ScrollView

时间:2018-10-15 22:55:20

标签: javascript nativescript

我正在按照该页面上的示例在Nativescript中创建动态GridLayout:

https://stackblitz.com/edit/angular-nd7srq

它允许我使用JavaScript制作GridLayout,因为我需要它是动态的。

但是,我想将此布局放在ScrollView中。

我相信我打算做这样的事情

const grid = new GridLayout();
const scroll = new ScrollView();  
grid.addChild();

...

scroll.addView(grid);

我经常收到错误消息,说“ addView”不是一个函数。

这是正确的方法吗?什么是'require(“”);'我需要ScrollView吗?

谢谢

2 个答案:

答案 0 :(得分:2)

您需要从导入 import { ScrollView } from 'ui/scroll-view';

它不是addView,可用的公共方法是_addView

答案 1 :(得分:1)

因此,仅供以后参考。

_addView()方法不会引发任何错误,但是我无法使场景实际加载或显示任何内容。

如果有一种方法可以正确地加载_addView(),那么对添加该注释的人就很高兴。

该方法的运行环境如下:

https://play.nativescript.org/?template=play-js&id=LlsHLd

我可以通过以下操作来实现它:

const scrollView = require("tns-core-modules/ui/scroll-view").Scroll-View;
var scrollV = new scrollView();

(Dynamically load a gridlayout)
grid.addChild()
....

scroll.content = grid;
page.content = scroll;

感谢大家的帮助。