Xamarin.Forms UI Snippets

WhatsApp 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
Check out the code
Screenshots