Xamarin Forms UI Snippets

WhatsApp similar chat list

Created by
Ione Souza Junior
Description

Inspired in WhatsApp, a simple chat list implementation using ListView with ViewCells.

Some details about implementation:

  • ListView was made with DataTemplateSelector for single messages and group messages.
  • Rounded images use FFImageLoading with circle transformation.
  • For iOS, a render for ViewCell was made for add cell accessory and make margin adjustments in separator inset.
  • To show correct colours of the badges, was created color in resource dictionary with different values for each platform.
  • To show correct date time information, was created a converter to parse DateTime object and transform in string.


Platforms


Type
XAML

Download the code