如何添加一个堆栈布局一个在另一个之上

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>