Xamarin：带有图标的条目：文本重叠

Question

所以我有这个 xaml 文件，我想要的是我希望条目的文本不要位于图标本身的后面/重叠。

为了实现右侧的图标，我有两列：一列用于条目，一列用于图标

我设置了 Grid.ColumnSpan="2"条目的并设置了图标HorizontalOptions="End"，但条目的文本位于我的图标后面，如何防止这种情况？如果需要更多信息，请随时询问我。谢谢！

编辑1：这是代码

<Grid>
   <Grid.ColumnDefinitions>
       <ColumnDefinition Width="*"/>
       <ColumnDefinition Width="*"/>
   </Grid.ColumnDefinitions>
   <Entry Grid.Column="0" Grid.ColumnSpan="2" IsPassword="True"/>
   <Image Source="eye.png" Grid.Column="1" Grid.ColumnSpan="1"/>
</Grid>

Answer 1

将网格宽度 * 更改为自动

<Grid>
       <Grid.ColumnDefinitions>
           <ColumnDefinition Width="*"/>
           <ColumnDefinition Width="Auto"/>
       </Grid.ColumnDefinitions>
       <Entry Grid.Column="0" IsPassword="True"/>
       <Image Grid.Column="1" Source="eye.png" WidthRequest="50" HeightRequest="50" />
    </Grid>

或者

尝试堆栈布局而不是网格布局

<StackLayout Orientation="Horizontal" Spacing="0">
    <Entry IsPassword="True" HorizontalOptions="FillAndExpand"/>
    <Image Source="eye.png" WidthRequest="50" HeightRequest="50"/>
</StackLayout>