如何在Xamarin表单中的标签旁边放置图标

问题描述

我有这个标签,想将图像直接放在它的左侧,但是尝试这样做很麻烦。

enter image description here

这会将图像放置在标签上方。

<Image Source="orders_icon.png"/>
<Label Text="Orders" FontSize="Large" TextColor="#845cd6" HorizontalTextAlignment="Center" Padding="10" />

这会将图像和标签放在同一行上,但标签距离右侧太远。

<Grid>
    <Grid.ColumnDeFinitions>
        <ColumnDeFinition Width="*" />
        <ColumnDeFinition Width="*" />
    </Grid.ColumnDeFinitions>
    <Image Source="orders_icon.png"/ Grid.Column="0">
    <Label Text="Orders" FontSize="Large" TextColor="#845cd6" HorizontalTextAlignment="Center" Padding="10" Grid.Column="1" />
</Grid>

解决方法

那呢:

<StackLayout Orientation="Horizontal">
    <Image Source="orders_icon.png"/>
    <Label Text="Orders" FontSize="Large" TextColor="#845cd6" HorizontalTextAlignment="Center" Padding="10" />
</StackLayout>