Skip to Content
ComponentsImageCard

ImageCard

The ImageCard component is a card with background image, overlay text, and touch interaction for content display.

ImageCard

Basic Usage

<ImageCard
  title="Featured Article"
  subtitle="Learn something new today"
  image={{ uri: "https://picsum.photos/400/300" }}
  onPress={handlePress}
/>

With Local Image

<ImageCard
  title="Getting Started"
  subtitle="Quick setup guide"
  image={require("../assets/images/guide.jpg")}
  onPress={() => router.push('/guide')}
/>

Import

import ImageCard from "../components/ImageCard";

Props

  • title (string, Required): Main title text overlay.
  • subtitle (string, Required): Subtitle text below title.
  • image (ImageSource, Required): Image source (URI or require).
  • onPress (function, Required): Function called when card is pressed.
DropdownListInput