Quick Trick: Remove Extra Separator Lines in ListView (Xamarin Forms – iOS)

When using ListViews in Xamarin Forms sometimes we have the use case that we have a list with just a few elements, and we want to show each element with a separator line.

As we know Xamarin by default set a separator line, but on iOS it is set to all rows even the one without elements.

To hide these extra separator lines there are a lot of options to do:

  • Hide the default iOS line and use a BoxView as line separator instead
  • Adding a fixed size to the list
  • Adding a view to the footer
  • etc.

Here I’m going to show you the simpler solution, just add the property Footer=“” to your list:

Result:

That’s all for now!

Happy coding! 🙂

You may also like