Hi Alamzaib,
Thanks for using Syncfusion controls.
We have checked your query and attached code snippet. We suspect that you are using ShellPage or MasterDetailsPage in your application. In our source when check whether the main page UseSafeArea is True or False. if you are using simple content page or Navigation page we can get the page details in our source. But if you are using ShellPage or MasterDetailsPage we can only get the main page. So you have to set UseSafeArea as True in MainPage if you using shell page need to set in shell page. we have prepared the sample based on your requirement and attached for your reference you can download the same from the below link.
Regards,
Sivaraman S