Xamarin Forms: Blank space is showing on top of Listviews in ios platform

Question

Xamarin Forms: Blank space is showing on top of Listviews in ios platform

Sreejith Sree 1,251

On top of my all listviews in a project, there is a blank space on the ios platform, no such issue on android or windows.

Screenshot:

My code:

<ListView   
		x:Name="MyItems"  
		RefreshCommand="{Binding RefreshCommand}"  
		IsPullToRefreshEnabled="True"  
		IsRefreshing="{Binding IsRefreshing}"  
		HasUnevenRows="True">  
		<ListView.ItemTemplate>  
			<DataTemplate>  
				<ViewCell>  
					<ViewCell.View>  
						<StackLayout  
							Orientation="Vertical">   

							<StackLayout  
								HorizontalOptions="FillAndExpand"  
								VerticalOptions="FillAndExpand"  
								Orientation="Horizontal">  
								  
								</StackLayout>  
							</StackLayout>  
						</ViewCell.View>  
					</ViewCell>  
				</DataTemplate>  
			</ListView.ItemTemplate>  
		<ListView.Footer>  
			<Label/>  
		</ListView.Footer>  
	</ListView>

Additional Details:

My XF version: 4.8.0.1821

My Project type is Portable

I need an urgent solution to this issue.

Accepted answer

1 additional answer

Your answer

Answer 1

Hello, SreejithSree-2948

This isse occurs on iOS 15. What is version of Xamarin.Forms in your project? Please update the package to 5.0.0.2244 or higher and test again. The issue will be fixed.

Or you can create a custom renderer to specify a value to the SectionHeaderTopPadding property.

   protected override void OnElementChanged(ElementChangedEventArgs<ListView> e)  
   {  
       base.OnElementChanged(e);  
       if (Control != null)  
       {  
           if (UIDevice.CurrentDevice.CheckSystemVersion(15, 0))  
               Control.SectionHeaderTopPadding = new nfloat(0);  
       }  
   }

Similar issue thread, you could refer to: https://github.com/xamarin/Xamarin.Forms/issues/14664#issuecomment-985101722

Best Regards,

Jarvan Zhang

If the response is helpful, 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.

Sreejith Sree 1,251 Reputation points

2022-03-16T11:49:15.943+00:00

My XF version is 4.8.0.1821 and after adding the custom renderer the issue is gone, could you please include the custom renderer part also on your answer.
JarvanZhang 23,971 Reputation points

2022-03-17T01:29:18.72+00:00

Hi, SreejithSree-2948. I've updated the posted soution.

Answer 2

Solved by adding below custom render on ios project:

[assembly: ExportRenderer(typeof(ListView), typeof(LVRenderer))]
namespace YourNameSpace.iOS
{
    public class LVRenderer : ListViewRenderer
    {
        public LVRenderer()
        {
        }

        protected override void OnElementChanged(ElementChangedEventArgs<ListView> e)
        {
            base.OnElementChanged(e);
            if (Control != null)
            {
                Control.SectionHeaderTopPadding = new nfloat(0);
            }
        }
    }
}

Share via

Xamarin Forms: Blank space is showing on top of Listviews in ios platform

1 additional answer

Your answer