Skip navigation

Reusables

Aspect Ratio

Displays content within a desired ratio.

Installation

npx @react-native-reusables/cli@latest add aspect-ratio

Usage

import { AspectRatio } from '@/components/ui/aspect-ratio';
import { Text } from '@/components/ui/text';
<AspectRatio ratio={16 / 9} className='h-full w-full justify-center items-center'>
  <Text>16:9</Text>
</AspectRatio>

On this page

Want to work with us?
Mention us to your team.
We help companies ship world-class UI/UX.
Learn more about Founded Labs