Aspect-Ratio

Aspect-Ratio Primitive

Demo

Presents content within a chosen aspect ratio.

Installation

CLI

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

Manual

Dependency

Before copy/pasting, add the aspect-ratio primitive to your project.

Copy/paste the following code to ~/components/ui/aspect-ratio.tsx:

Usage

import { AspectRatio } from '~/components/ui/aspect-ratio';

function Example() {
  return (
      <AspectRatio ratio={16 / 9} />
  );
}

Props

AspectRatio

Extends View props

Prop	Type	Note
ratio	number	Defaults to 1 (optional)