How to create Avalonia controls that "float" aligned bottom right above other controls?

[uxmal]

I'm repeating my StackOverflow question here, in the hope that I might get a "Avalonic" reply:

https://stackoverflow.com/questions/78440273/

I'm porting a Windows Forms view that looks like this:

The Loading... (56%) is a Label control that has been added to the Form with the Anchor property set to Bottom, Right, so it will stay in the bottom right as the form is resized. Its Z-order is such that it always appears in front of the "Lorem ipsum" text box in the background, which is docked to fill the form's area. Once loading is completed the label is hidden.

How do I port this to Avalonia? I was looking at the Canvas class which allows full freedom of placement, but which puts a burden on the programmer to update the Canvas.Left etc properties accurately. I'd like the Label control to assume its "natural" size, and then have it stick to the bottom right. How can I achieve this?

[jp2masa]

Did you try using Canvas.Right="0" Canvas.Bottom="0"? Alternatively, you can use a Grid with 2 rows and set Grid.RowSpan="2" in the text box.

[MikeCodesDotNET]

The following XAML will produce a view similar to what you're looking for.

<Panel>
        <TextBox Text="{Binding Greeting}"
                   HorizontalAlignment="Stretch" 
                   VerticalAlignment="Stretch"
                   TextWrapping="Wrap"/>
        
        <TextBlock Text="Loading... (56%)" 
                   Background="Blue"
                   Foreground="White"
                   Padding="10"
                   VerticalAlignment="Bottom"
                   HorizontalAlignment="Right"/>
 </Panel>

[uxmal]

@MikeCodesDotNET awesome! Your XAML does exactly what I wanted. I had the following horrible XAML:

	<DockPanel Name="dp">
		<TextBlock
			Background="#E0D0D0"
			TextWrapping="Wrap"
                        Text="{Binding LoremIpsum" />
		<Canvas Width="0">
			<Label Name="l"
				Canvas.Bottom="0"
				Canvas.Right="0"
				Background="Blue" Foreground="White">Loading... (56%)</Label>
		</Canvas>
	</DockPanel>

This leaves an unfilled column on the right, which flickers when resized: