Avatar

An image element with a fallback for representing the user.

Installation

npx nativecn add Avatar

Usage

import { Avatar, AvatarFallback, AvatarImage } from "@/components/Avatar"
import { Text } from "@/components/Text"

<Avatar>
  <AvatarImage
    source={{
      uri: "https://avatars.githubusercontent.com/u/66306912?v=4",
    }}
  />
  <AvatarFallback>
    <Text>UN</Text>
  </AvatarFallback>
</Avatar>