Put and Image and Text on a label control in .NET Maui

Question

I'm not seeing my background image and text displayed in a .NET Maui app. Here is it code I used in an UWP app that worked that I am trying to convert to a .NET Maui app.

 <StackPanel Grid.Column="1" Margin="0,148,0,71" Grid.Row="2" Tapped="StackPanel_Tapped" Grid.RowSpan="2">
        <StackPanel.Background>
            <ImageBrush ImageSource="Assets/blueindex.jpg"/>
        </StackPanel.Background>
        <TextBlock x:Name="Answer1" TextWrapping="Wrap" Text="TextBlock" Margin="0,0,0,0" Foreground="Black" Height="210" TextAlignment="Center" FontSize="26.667" />
    </StackPanel>

Here is the code I'm using, but no Text is displayed in my .NET Maui app but the image is displayed.

 <StackLayout Grid.Column="1" Grid.Row="5" Grid.RowSpan="2">
        <StackLayout.GestureRecognizers>
            <TapGestureRecognizer Tapped="StackLayout_Tapped" />
        </StackLayout.GestureRecognizers>
        <Image Source="blueindex.jpg" />
        <Label x:Name="Answer2" Text="TextBlock" TextColor="Black" FontSize="26.667" VerticalTextAlignment="Center" HeightRequest="210" />
    </StackLayout>

What are some recommended changes to my .NET Maui code?

Answer 1

Hello,

You can use Gird to warp the Image and Label, then you can implement Text on the Image effect like the following code.

   <StackLayout Grid.Column="1" Grid.Row="5" Grid.RowSpan="2">
        <StackLayout.GestureRecognizers>
            <TapGestureRecognizer Tapped="StackLayout_Tapped" />
        </StackLayout.GestureRecognizers>

        <Grid>
            <Image Source="blueindex.jpg" />
            <Label x:Name="Answer2" Text="TextBlock" TextColor="Black" FontSize="26.667" VerticalTextAlignment="Center" HeightRequest="210" />
        </Grid>
        
    </StackLayout>

Best Regards,

Leon Lu

---

If the answer is the right solution, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.