Aspect Ratio

Displays content within a desired ratio.

Installation

npx ghost-ui-native add aspect-ratio

Usage

import { AspectRatio } from '@/components/ui/aspect-ratio';
<AspectRatio ratio={16 / 9} className="bg-muted">
  <Image source={{ uri: imageUrl }} className="h-full w-full" />
</AspectRatio>