Image 文本在按钮中被截断

我正在显示一个带有图像和文本的按钮。我想先显示图像。为此，我使用了

内容布局

。但首先显示的是文本。而且文字被删掉了

XAML代码：

<StackLayout Orientation="Horizontal" Margin="12,20,12,20">
     <Button  Text="Daily Tasks" TextColor="{DynamicResource  SecondaryTextColor}" 
       ContentLayout="Left,30" Image="{x:Static fontawesome:FontAwesomeIcons.Bars}"  FontFamily=" 
       {StaticResource FontAwesomeSolid}" FontAttributes="Bold"  WidthRequest="150" BackgroundColor=" 
       {DynamicResource  ButtonBackgroundColor}" BorderRadius="20" HorizontalOptions="StartAndExpand"> 
    </Button>
 </StackLayout>

按钮显示如下：

<StackLayout Orientation="Horizontal" Margin="12,20,12,20">
     <Button  Text="Daily Tasks" TextColor="{DynamicResource  SecondaryTextColor}" 
       ContentLayout="Left,30" Image="{x:Static fontawesome:FontAwesomeIcons.Bars}"  FontFamily=" 
       {StaticResource FontAwesomeSolid}" FontAttributes="Bold"  WidthRequest="150" BackgroundColor=" 
       {DynamicResource  ButtonBackgroundColor}" BorderRadius="20" HorizontalOptions="StartAndExpand"> 
    </Button>
 </StackLayout>

我需要先显示图像，如下所示。

---

您使用的是材料视觉吗？我使用了相同的代码，但它显示了我的图像first@PaulKertscher，不，我没有使用材质。我在更改主题时使用字体图标来更改颜色。@Priyanka您是否尝试过将内容布局更改为右侧/减少边距/增加宽度请求？是的，我尝试过@RachelGallen