CODEWITHSUNDEEP
c#xamlxamarinxamarin.formshybrid
Pim Schwippert
Pim Schwippert

Reputation: 453

Xamarin Forms ListView with Image | Text | Time

I am currently working with xamarin forms to build a hybrid app. I am trying to build a listview that displays an error with an icon and a timestamp.

This is the concept design I want to remake into xamarin forms. I used an ImageCell to try and get the icon with some text working but now that I want to add a third element (the time) above the icon (or next to the text, the PO is not sure about that)

enter image description here

Upvotes: 2

Views: 1115

Answers (1)

Diego Rafael Souza
Diego Rafael Souza

Reputation: 5313

As @Jason said, you should use a ViewCell.

It would be like this:

<ViewCell>
    <StackLayout Orientation="Horizontal">
        <StackLayout>
            <Label HorizontalOptions="Center"
                   HorizontalTextAlignment="Center"/>
            <Image >
        </StackLayout>
        <Label VerticalOptions="FillAndExpand"
               VerticalTextAlignment="Center"
               HorizontalOptions="FillAndExpand"/>
    </StackLayout>
</ViewCell>

Add the other properties you need and your bindings and the cell is ready to use.

Upvotes: 1

Related Questions