@klarna/react-native-vector-drawable

Android vector drawables in React Native

0.2.0
Source
npm

Version published: 4 years ago

Weekly downloads: 5.9K; increased by15.84%

Maintainers: 4

Weekly downloads

Created: 4 years ago

Source

react-native-vector-drawable

Android vector drawables in React Native.

An alternative to react-native-svg with 5x faster renders, lighter bundle and built in dark mode support.

Installation

yarn add @klarna/react-native-vector-drawable

Usage

import VectorDrawable from '@klarna/react-native-vector-drawable';

const Component = () => (
  <VectorDrawable
    resourceName="ic_drawable_name"
    style={{ width: 50, height: 50, tintColor: 'blue' }}
  />
);

Props

Prop	Description	Default
`resourceName`	Name of the Android vector drawable resource.	None
`resizeMode`	Determines how to resize the image when the frame doesn't match the raw image dimensions. Possible values are `cover`, `contain`, `stretch` and `center`	`contain`

How to contribute

See our guide on contributing.

Release History

See our changelog.

License

For license details, see the LICENSE file in the root of this project.

[0.2.0] - 2021-05-20

Added

resizeMode prop.

Keywords

FAQs

What is @klarna/react-native-vector-drawable?

Is @klarna/react-native-vector-drawable popular?

Is @klarna/react-native-vector-drawable well maintained?

Package last updated on 20 May 2021

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install