What is the recommended way to draw a .NET MAUI horizontal line in XAML?

Question

I tried BoxView control element with a small height such as HeightRequest="1" but the BackgroundColor doesn't behave properly.

I also tried the Line shape element but this requires extra bindings as it doesn't fill the available space.

Is there a better way to add a separator line in XAML?

Answer 1

Hello,

I tried BoxView control element with a small height such as HeightRequest="1" but the BackgroundColor doesn't behave properly.

The reason for this problem is that in BoxView, its color is controlled by Color instead of BackgroundColor.

Color, of type Color, which defines the color of the BoxView.

Please refer to BoxView to get more details.

For instance, you could create a red separator line with the following code：

<BoxView HeightRequest="1" Color="Red"/>

Best Regards,

Alec Liu.

---

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.