堆栈布局中的两个按钮，只有第一个起作用

Question

在我的XAML页面中，我有嵌套的stacklayout，在最终的嵌套中，我有两个按钮。他们中只有一个会单击（第一个）。我说的很简单。只有颜色不同。当我把红色的放在上面时，它将单击。当我把绿色的放在上面时，它将单击。为什么两个都不单击，为什么只有第一个？我都需要点击。

        <StackLayout Orientation="Horizontal" VerticalOptions="Center" HorizontalOptions= "CenterAndExpand" HeightRequest="75" IsVisible="{Binding IsUpcomingTrip}">
            <StackLayout Orientation="Vertical" HorizontalOptions= "CenterAndExpand">
                <StackLayout Orientation="Horizontal" VerticalOptions="Start" HorizontalOptions= "FillAndExpand" HeightRequest="25">
                </StackLayout>
                <Button x:Name="btnCancelTrip1" Text="CANCEL TRIP" TextColor="WhiteSmoke" BackgroundColor="Red"
                        HorizontalOptions="FillAndExpand" Clicked="Test_Click">
                </Button>
                <Button x:Name="btnUpcomingTrip" Text="  REGISTER YOUR UPCOMING TRIP  " TextColor="WhiteSmoke" BackgroundColor="DarkGreen"
                        HorizontalOptions="FillAndExpand" Clicked="Test_Click">
                </Button>
            </StackLayout>
        </StackLayout>

我希望两个按钮都可以单击。只有第一个是可单击的。顶部为红色时，表示启用/可单击。顶部为绿色时，表示启用/可点击。但不是两个。

Answer 1

解决方案是删除一个堆栈层。如果有两个嵌套的堆栈层，则按钮将正常工作，但如果有三个嵌套层，则按钮将无法工作（在这种情况下，只有第一个有效）。

如果您确实需要第3层，请对第3层使用Grid而不是StackLayout。