在xaml中均匀对齐网格列

我有以下列表视图-

<StackLayout>
    <ListView RowHeight="100"  Margin="0,10,2,10">
        <ListView.ItemTemplate>
            <DataTemplate>
                <ViewCell>
                    <ViewCell.View>
                        <StackLayout Orientation="Horizontal" VerticalOptions="FillAndExpand" HorizontalOptions="FillAndExpand"  Margin="0,4,4,4" Padding="0,4,4,4">
                            <StackLayout Orientation="Vertical">
                                <Grid>
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="*"/>
                                        <ColumnDefinition Width="Auto"/>
                                        <ColumnDefinition Width="*"/>
                                    </Grid.ColumnDefinitions>

                                    <Image Grid.Column="0" Source="testLogo" HeightRequest="45" WidthRequest="45"/>
                                    <StackLayout Grid.Column="1" Orientation="Vertical" >
                                        <Label Text="test" Font="Bold" VerticalOptions="Center" />
                                    </StackLayout>
                                    <Button Grid.Column="2" Text="Login" HorizontalOptions="EndAndExpand" Margin="10,10,10,10"/>
                                </Grid>

                            </StackLayout>
                        </StackLayout>
                    </ViewCell.View>
                </ViewCell>
            </DataTemplate>
        </ListView.ItemTemplate>
    </ListView>
</StackLayout> 

这是一个按预期显示的列网格，但是我不能将

按钮

元素浮动到它们各自列的最右侧

因此，当前显示看起来并不整洁，因为按钮的位置似乎是由

标签

元素的字符串长度决定的

我尝试将

VerticalOptions=“EndAndExpand”

添加到

按钮“

s，但没有效果

如何将按钮整齐地放置在其各自列的最右侧？

如果使用作为根布局，则可以按比例设置每个网格项的宽度

详情如下:

<Grid.ColumnDefinitions>
     <ColumnDefinition Width="2*" />
     <ColumnDefinition Width="5*" />
     <ColumnDefinition Width="3*" />
</Grid.ColumnDefinitions>

其效果是：

---

屏幕截图将有助于说明您遇到的问题。网格周围的两个外部堆栈布局有什么意义？我将很快尝试此操作，并标记是否正确