Javascript nativescript创建类似砌体的布局

我想做一个布局，就像砖石布局一样，如果屏幕宽度不够，它会自动排列到下一行。但不使用gridlayout。这两种布局都不起作用

使用stacklayout：

 <StackLayout orientation="horizontal" style="vertical-align:top;">
   <Button text="one" style="height:50;"/>
   <Button text="two" style="height:50;"/>
   <Button text="three" style="height:50;"/>
   <Button text="four" style="height:50;"/>
   <Button text="five" style="height:50;"/>
   <Button text="five" style="height:50;"/>
   <Button text="five" style="height:50;"/>
   <Button text="five" style="height:50;"/>
 </StackLayout>

使用Gridlayout

    <GridLayout rows="174,174,auto" columns="147,147" horizontalAlignment="center" verticalAlignment="center">
      <Image col="0" row="0" cssClass="imglogo" src="~/images/icondapur.png" stretch="aspectFit" horizontalAlignment="center"/>
      <Image col="0" row="1" cssClass="imglogo" src="~/images/iconrokok.png" stretch="aspectFit" horizontalAlignment="center"/>
      <Image col="1" row="0" cssClass="imglogo" src="~/images/iconsabun.png" stretch="aspectFit" horizontalAlignment="center"/>
      <Image col="1" row="1" cssClass="imglogo" src="~/images/iconsnack.png" stretch="aspectFit" horizontalAlignment="center"/>
    </GridLayout>

目前没有现成的方法来创建砌体布局。但是，由于您拥有对平台API:s的完全访问权限，因此这是您可以自己实现的

最简单的方法是使用。但请注意，这是一个付费组件（这是Telerik赚钱的方式）。有一个免费试用版，你可以用它进行测试。

目前没有现成的方法来创建砌体布局。但是，由于您拥有对平台API:s的完全访问权限，因此这是您可以自己实现的

最简单的方法是使用。但请注意，这是一个付费组件（这是Telerik赚钱的方式）。还有一个免费试用版，您可以使用它进行测试。

您可以使用orientation vertical来实现此布局。

您可以使用orientation vertical来实现此布局