Clear Text over Image

Jassim Al Rahma 1,526 Reputation points
2023-04-05T15:23:48.66+00:00

Hi, In below image, you can see that I have placed a text over the image but the text is not clear although I used a Shadow B1370682-8723-4364-926F-200829AE8279_1_201_a

How can I make it clear like this: Screenshot 2023-04-05 at 7.22.11 PM

Here is my XAML:

<Border Margin="10,5,10,10" Padding="0" BackgroundColor="Black" HeightRequest="200">
<Border.StrokeShape>
    <RoundRectangle CornerRadius="20" StrokeThickness="0" />
</Border.StrokeShape>
    <Grid ColumnSpacing="0" RowSpacing="0">
        <Image Source="https://elireview.com/wp-content/uploads/2016/12/reed-profile-square.jpg" Aspect="AspectFill" />

        <Label Text="{Binding nickname_and_age}" Margin="10" TextColor="#ffffff" FontAttributes="Bold" FontSize="Medium" VerticalOptions="End">
        <Label.Shadow>
            <Shadow Brush="Black" Offset="20,20" Radius="30" Opacity="0.8" />
        </Label.Shadow>
        </Label>
    </Grid>
</Border>

.NET MAUI
.NET MAUI
A Microsoft open-source framework for building native device applications spanning mobile, tablet, and desktop.
2,970 questions
{count} votes

1 answer

Sort by: Most helpful
  1. Deleted

    This answer has been deleted due to a violation of our Code of Conduct. The answer was manually reported or identified through automated detection before action was taken. Please refer to our Code of Conduct for more information.


    Comments have been turned off. Learn more