question

DanielDesire-6883 avatar image
0 Votes"
DanielDesire-6883 asked DanielDesire-6883 commented

Full Screen App on ios Xamarin forms

Hi Team,

New to xamarin forms.

Struggling to find an answer to this question.

I want my app to cover the whole screen, even the Home Indicator bar on ios.

Is this possible?? Check attached picture. The Home Indicator Bar remain white even though I've change the background color to aqua.

205439-ios.jpeg


dotnet-xamarin
ios.jpeg (27.9 KiB)
5 |1600 characters needed characters left characters exceeded

Up to 10 attachments (including images) can be used with a maximum of 3.0 MiB each and 30.0 MiB total.

1 Answer

YonglunLiu-MSFT avatar image
0 Votes"
YonglunLiu-MSFT answered DanielDesire-6883 commented

Hello,

About hiding status bar on iOS:


please open Info.plist by XML(Text) editor, add following key-value pairs(Status bar is initially hidden – Type Boolean – Value Yes
View controller-based status bar appearance – Type Boolean – Value No) in the <dict> tag.

<key>UIStatusBarHidden</key>
<true/>
<key>UIViewControllerBasedStatusBarAppearance</key>
<false/>


About hiding navigation bar


If we wrap our page with NavigationPage, we could hide the navigation bar by setting a property in your page.

Using XAML:

<ContentPage NavigationPage.HasNavigationBar="false"
   ..... >
 </ContentPage>


Using C#, you could add the following code in your page constructor method:

NavigationPage.SetHasNavigationBar(this, false);


If you are using Shell, you could use the following code to hide your navigation bar:

<ContentPage ...
             Shell.NavBarIsVisible="false">
    ...
</ContentPage>


About Home Indicator


As a matter of fact, the Home Indicator is in the Safe-Area on iOS, therefore, it is not advocated to overlap the Home Indicator.

On iOS, referring to this official documentation Home Indicator Visibility on iOS, we could find a better way to hide.


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.



· 3
5 |1600 characters needed characters left characters exceeded

Up to 10 attachments (including images) can be used with a maximum of 3.0 MiB each and 30.0 MiB total.

Hi Alec,

Thanks for your quick response.

I don't want to hide anything. Just want my app to take full screen like attached.

You will see in pic ios_1 the tab at the bottom appear over the Home Indicator bar.

What I want is that it appear as in ios_2 picture. That is the tabs at the bottom is completely down and the Home indicator bar overlap them.

205751-ios-1.jpeg

205694-ios-2.jpeg


0 Votes 0 ·
ios-1.jpeg (22.7 KiB)
ios-2.jpeg (21.9 KiB)

I've updated my answer, please check it.:)

0 Votes 0 ·

Thanks for your support Alec,

Highly appreciated

0 Votes 0 ·