1. Home
  2. Forum
  3. Xamarin.Forms
  4. Listview gets cut in half vertically on iOS

Listview gets cut in half vertically on iOS

When the Xam Forms page first loads, the listview vertically expands to the bottom of the page to fill the whole screen which is what we want.  But when a filter is applied or we navigate forward and come back, the listview is cut in half.  It stills scrolls but it's annoying that the user now sees only half the listview vertically.


Xam Forms version: 5.0.2196

SfLIstview version: 19.3.0.46


12 Replies
LN Lakshmi Natarajan Syncfusion Team October 26, 2021 10:53 AM UTC

Hi Sean, 
 
Thank you for using Syncfusion products. 
 
We have checked the reported query “Listview gets cut in half vertically on iOS” from our side. We would like to inform you that we are unable to replicate the reported scenario on our side. We have tested our sample using Filter and navigation and attached the tested sample in the following link, 
 
 
Additional information:  
Tested device:   
Android - Pixel 3XL Pie – 9.0 (Android 9.0 – API 28)  
iOS – iPhone 12 Pro Mac – 14.4 
SfListView version: 19.3.0.46  
Xamarin Forms: 5.0.0.2196  
Xamarin: 16.9.000.237  
Xamarin Designer: 16.9.0.316  
Xamarin Templates: 16.9.68  
Xamarin Android SDK: 11.2.2.1  
Xamarin iOS: 14.14.2.5  
Xcode: 12.4  
 
Could you please check our sample and let us know if you still facing the same issue? If not, please modify our sample and revert us back with the following details which would be helpful for us to check on it and provide you the solution as soon as possible. 
  • Share ListView related code snippets
  • Share issue reproducing video
  • Share device configuration details
 
Lakshmi Natarajan 
 


SM Sean Manion October 27, 2021 12:06 AM UTC

Here's the XAML for the listview: I redacted the binding info:


LN Lakshmi Natarajan Syncfusion Team October 27, 2021 07:56 AM UTC

Hi Sean, 
 
Could you please upload the modified XAML file in zip format to this forum? This will help us to proceed with the reported scenario. 
 
Lakshmi Natarajan 
 


SM Sean Manion October 29, 2021 11:03 PM UTC

Yea. Sorry. Here's the XAML code...


Attachment: SyncfusionListView_Cutoff_OniOS_c48c73e2.zip

LN Lakshmi Natarajan Syncfusion Team November 1, 2021 12:29 PM UTC

Hi Sean, 
 
Thank you for the update. 
 
We have prepared a sample using the shared code snippets. Unfortunately, we are unable to replicate the reported scenario on our side.  
 
Please find the tested sample and video in the following links, 
 
 
Please check our sample and let us know if you still facing the same issue? If not, please modify our sample and revert us back with the issue replication video which would be helpful for us to check on it and provide you the solution as soon as possible.  
 
Lakshmi Natarajan 
  
 


SM Sean Manion November 1, 2021 03:40 PM UTC

Right.  You have tap and go to another screen on the stack and then go back (pop).  Or, when you reload the grid, it will do it. 


How about this?  Let's try a different question.  How do I make sure that the ListView expands to fill the whole screen vertically? What property does this or what kind of container should it be in?  Frame, Grid?


LN Lakshmi Natarajan Syncfusion Team November 2, 2021 12:00 PM UTC

Hi Sean, 
 
Thank you for the update. 
 
We have modified our sample to navigate when tapping an item as you mentioned, but we could not reproduce the reported scenario. 
 
#Regarding How do I make sure that the ListView expands to fill the whole screen vertically? 
 
We have checked the reported query on our side. We would like to inform you that you can set the VerticalOptions to FillAndExpand for the view (SfListView) to layout the view to the maximum space available. Also, you can load the SfListView in any view like Grid, StackLayout. 
 
Please refer to the following documentation regarding LayoutOptions, 
 
Please let us know if this helps. 
 
Lakshmi Natarajan 
  
 


TC Thomas Carney March 11, 2022 01:50 AM UTC

I've just started having issues with this as well. Setting 'Vertical Options' to FillAndExpand causes the whole ListView to be pushed off screen by some strange padding that takes of the whole screen. 

The only reason I found that it was the SFListView itself causing this issue was changing the BackgroundColor of it and then having that color be the only on the screen.


LN Lakshmi Natarajan Syncfusion Team March 11, 2022 11:38 AM UTC

Hi Thomas, 
 
We are facing items layout issue with Xamarin.Forms v5.0.0.2337 in iOS platform and logged issue report for the same. Could you please revert the Xamarin.Forms version to v5.0.0.2291 or below and let us know if the issue was reproduced or not? 
 
If the issue occurs only in XF latest version, we will fix the issue and include the issue fix in our next Weekly Nuget release update which is planned to roll out on March 29, 2022. We appreciate your patience until then. 
 
You can track the status of this report through the following feedback link, 
 
Note: The feedback link provided is private, you need to login to view this feedback. 
 
If not, please revert us back with the issue replication sample and demo video which will be helpful for us to check on it and provide you the solution at the earliest. 
 
Lakshmi Natarajan 
 


LN Lakshmi Natarajan Syncfusion Team March 30, 2022 04:12 AM UTC

Hi Thomas,


Due to the 2022 Volume 1 main release process, we do not have the weekly nuget release for today. The fix for the reported issue will be available in our upcoming weekly nuget release which is planned to roll out on April 5, 2022. We will let you know once the release rolled out and appreciate your patience until then.


Regards,

Lakshmi Natarajan


LN Lakshmi Natarajan Syncfusion Team April 5, 2022 02:08 PM UTC

Hi Thomas,


Our 2022 Volume 1 main release was rolled out yesterday only. While we make every effort to have the release on the date indicated, the estimations could be off by a couple of days due to other circumstances. Therefore, we do not have the weekly nuget release for today. The fix for the reported issue will be available in our upcoming weekly nuget release, which is planned to roll out on April 12, 2022. We will let you know once the release is rolled out and appreciate your patience until then. We regret the inconvenience.


Regards,

Lakshmi Natarajan


LN Lakshmi Natarajan Syncfusion Team April 12, 2022 02:34 PM UTC

Hi Thomas,


We have fixed the reported issue “[iOS] Items layout at bottom when updating the ItemsSource at run time in XF latest version” and included the issue fix in our latest Weekly NuGet release update version 20.1.0.48 which is available for download (https://www.nuget.org/). 

We thank you for your support and appreciate your patience in waiting for this update. Please get in touch with us if you require any further assistance. 

Regards,

Lakshmi Natarajan


Loader.
Up arrow icon