Forum Xamarin.Forms
We are excited to announce that the Xamarin Forums are moving to the new Microsoft Q&A experience. Q&A is the home for technical questions and answers at across all products at Microsoft now including Xamarin!

We encourage you to head over to Microsoft Q&A for .NET for posting new questions and get involved today.

How do you make the image occupy the notch area on iPhone X

toyinstoyins USMember ✭✭✭
edited June 25 in Xamarin.Forms

I have an image element in my XAML

            <StackLayout>
                <Image source="image1.png"/>
            </StackLayout>

How do I make this image occupy the notch area on iPhone X.
A good example would be the Login Screen of the facebook app.
The facebook banner occupies the entire top area including the notch area of iPhone X.
I have attached a screenshot of the facebook app on iPhone X.
.

Any help would really be appreciated.

Thanks.

Best Answers

  • toyinstoyins USMember ✭✭✭
    Accepted Answer

    Hi @LandLu, I have resolved it. I was inheriting from a ContentPageBase Class. I removed that and it's now working fine.

Answers

  • toyinstoyins USMember ✭✭✭

    Hi @LandLu, it did not work. The image starts below the notch area. it does not wrap around the time nor the wifi & battery signal icons.

  • toyinstoyins USMember ✭✭✭
    Accepted Answer

    Hi @LandLu, I have resolved it. I was inheriting from a ContentPageBase Class. I removed that and it's now working fine.

Sign In or Register to comment.