nativescript创建类似于布局的砌体

Question

我想像砌体布局一样进行布局，如果屏幕宽度不足，该项目会自动排列到下一行。 但不使用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>

Answer 1

您可以使用垂直方向的环绕布局来实现此布局。

Answer 2

（当前）没有开箱即用的方式来创建砖石布局。 但是，由于您拥有对平台API：s的完全访问权限，因此您可以自己实现这一点。

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