Skip to content

ListAvatar.md

Latest commit

 

History

History
51 lines (47 loc) · 2.55 KB

ListAvatar.md

File metadata and controls

51 lines (47 loc) · 2.55 KB
Raw

List Avatar

List Avatars are medium to showcase an image with your list item whose dimension lays between icon and dimension. To create a avatar list, nest <Thumbnail> component within <ListItem> component.

iOS Android

Syntax

import React, { Component } from 'react-native';
import { Container, Content, List, ListItem, Thumbnail, Text, Body } from 'native-base/ui';
​
export default class ListAvatarExample extends Component {
    render() {
        return (
            <Container>
                <Content>
                    <List>
                        <ListItem>
                            <Thumbnail source={require('./img/one.png')} />
                            <Body>
                                <Text>Kumar Pratik</Text>
                                <Text note>Doing what you like will always keep you happy . .</Text>
                            </Body>
                        </ListItem>
                        <ListItem>
                            <Thumbnail source={require('./img/two.png')} />
                            <Body>
                                <Text>Kumar Sanket</Text>
                                <Text note>Life is one time offer! Use it well</Text>
                            </Body>
                        </ListItem>
                    </List>
                </Content>
            </Container>
        );
    }
}