Question

大家好，我正在尝试制作内部StackLayouts，但第二个是第一个，所以我看不到第二个StackLayout我应该用css处理，如果它是如何或是否有其他方式

这是我的代码

<StackLayout orientation="horizontal">
    <StackLayout width="500">
         <GridLayout columns="50, *" rows="*" width="500" height="50" 
         verticalAlignment="top">
               <Label text="Name" row="0" col="0" backgroundColor="red">
               </Label>
               <Label text="Fol" row="0" col="1" class="alignRight" 
               backgroundColor="blue"></Label>
         </GridLayout>
    </StackLayout>

      <StackLayout orientation="horizontal" width="500" height="180"> 
           <Image src="http://lorempixel.com/400/200" width="500" left="10" 
           top="30">
           </Image>
      </StackLayout>
</StackLayout>

谢谢

Answer 1

首先，我会删除widths以查看页面的显示方式。 500是一个非常大的价值。只有大型平板电脑才能支持。作为一个例子，我首先尝试这个：

<GridLayout columns="auto, auto">
    <GridLayout col="0" columns="50, *" rows="*" verticalAlignment="top">
          <Label text="Name" row="0" col="0" backgroundColor="red">
          </Label>
          <Label text="Fol" row="0" col="1" class="alignRight" 
               backgroundColor="blue"></Label>
    </GridLayout>
    <Image col="1" src="http://lorempixel.com/400/200" left="10" op="30">
    </Image>      
</GridLayout>

看到两个部分水平对齐后，您可以开始调整宽度

Nativescript内部StackLayout

1 个答案: