如何在另一个之上添加两个StackLayouts？

Question

我试着这样做:

<ViewCell>
    <StackLayout Padding="0,15,0,0" HeightRequest="300" HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand" Orientation="Vertical">
        <chart:SfChart x:Name="chart1" HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand">
        </chart:SfChart>
    </StackLayout>
    <StackLayout Padding="0,15,0,0" HeightRequest="300" HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand" Orientation="Vertical">
        <chart:SfChart x:Name="chart2" HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand">
        </chart:SfChart>
    </StackLayout>
</ViewCell>

但只有第二张图表出现.

我想要的是看到两个图表,一个在另一个之上.

Answer 1

ViewCell只接受一个元素作为子元素.只需将堆栈包装在另一个StackLayout中:

<ViewCell>
    <StackLayout>
        <StackLayout Padding="0,15,0,0" HeightRequest="300" HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand" Orientation="Vertical">
            <chart:SfChart x:Name="chart1" HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand">
            </chart:SfChart>
        </StackLayout>
        <StackLayout Padding="0,15,0,0" HeightRequest="300" HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand" Orientation="Vertical">
            <chart:SfChart x:Name="chart2" HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand">
            </chart:SfChart>
        </StackLayout>
    </StackLayout>
</ViewCell>