# @react-native-community/art
> React Native module that allows you to draw vector graphics
Latest version **1.2.0** (published 2020-03-11) · MIT license · 0 weekly downloads
> **Deprecated.** This package is deprecated.
## Install
```sh
npm install @react-native-community/art
pnpm add @react-native-community/art
yarn add @react-native-community/art
bun add @react-native-community/art
```
## Health
**Score 10/100 (F)** — status: deprecated.
Negative: deprecated.
## Facts
| | |
|---|---|
| Version | 1.2.0 |
| Published | 2020-03-11 |
| First published | 2019-06-18 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 3 |
| Unpacked size | 479.3 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | @react-native-community |
| Maintainers | ansal_ali, bartolkaruza, charpeni, connectdotz, cpojer, dmtr.kovalenko, empyrical, esemesek, ferrannp, grabbou, janicduplessis, johandutoit, kelset, krizzu, luancurti, mattoakes, mike.nedosekin, mike866, mmazzarolo, msand, naturalclar, nicholaslee119, pvinis, rafaellpa, react-native-community-bot, rewieer, safaiyeh, satya164, scott.beca, swaagie, thymikee, titozzz, trensik, vonovak, wojteg1337 |
| Keywords | react-native, react native, react-native-art, react-native-community, art |
## Links
- npm: https://www.npmjs.com/package/@react-native-community/art
- Homepage: https://github.com/react-native-community/react-native-art
- npm.io page: https://npm.io/package/@react-native-community/art
## Dependencies (3)
- [art](https://npm.io/package/art.md) ^0.10.3
- [invariant](https://npm.io/package/invariant.md) ^2.2.4
- [prop-types](https://npm.io/package/prop-types.md) ^15.7.2
## Alternatives
- [d3-force-3d](https://npm.io/package/d3-force-3d.md) — 1.0M weekly downloads
- [ng2-charts](https://npm.io/package/ng2-charts.md) — 486.8K weekly downloads
- [@arcgis/core](https://npm.io/package/@arcgis/core.md) — 257.8K weekly downloads
- [react-sparklines](https://npm.io/package/react-sparklines.md) — 249.3K weekly downloads
- [react-native-gifted-charts](https://npm.io/package/react-native-gifted-charts.md) — 182.3K weekly downloads
## Recent versions
- 1.2.0 (latest) — 2020-03-11
- 1.1.2 — 2019-12-19
- 1.1.1 — 2019-12-19
- 1.1.0 — 2019-12-19
- 1.0.4 — 2019-12-18
- 1.0.3 — 2019-11-14
- 1.0.2 — 2019-10-23
- 1.0.1 — 2019-07-25
- 1.0.0 — 2019-06-18
## README
# `@react-native-community/art`
[![CircleCI][circle-ci-badge]][circle-ci]
![MIT License][license-badge]
[![PRs Welcome][pr-welcome-badge]][make-a-pr]
![Supports Android and iOS][support-badge]
[![Lean Core Badge][lean-core-badge]][lean-core-issue]
> _NOTE: ART was extracted from core `react-native` as a part of "[Lean Core](https://github.com/facebook/react-native/issues/23313)" effort._
React Native module that allows you to draw vector graphics
# Getting started
## Installing module
```sh
yarn add @react-native-community/art
```
or
```sh
npm install @react-native-community/art --save
```
## Linking module
### Mostly automatic linking
For `react-native >= 0.60` ReactNativeART should be autolinked and no additional action is required.
For `react-native < 0.60` you need to link ReactNative ART:
```js
react-native link @react-native-community/art
```
### Manual linking
Manually linking the library for iOS
#### `Open project.xcodeproj in Xcode`
Drag `RNCSlider.xcodeproj` to your project on Xcode (usually under the Libraries group on Xcode):
#### Link `libART.a` binary with libraries
Click on your main project file (the one that represents the `.xcodeproj`) select `Build Phases` and drag the static library from the `Products` folder inside the Library you are importing to `Link Binary With Libraries` (or use the `+` sign and choose library from the list):
Manually linking the library for Android
#### `android/settings.gradle`
```groovy
include ':react-native-art'
project(':react-native-art').projectDir = new File(rootProject.projectDir, '../node_modules/@react-native-community/art/android')
```
#### `android/app/build.gradle`
```groovy
dependencies {
...
implementation project(':react-native-art')
}
```
#### `android/app/src/main/.../MainApplication.java`
On top, where imports are:
```java
import com.reactnativecommunity.art.ARTPackage;
```
Add the `ARTPackage` class to your list of exported packages.
```java
@Override
protected List getPackages() {
return Arrays.asList(
new MainReactPackage(),
new ARTPackage()
);
}
```
# Migrating from the core `react-native` module
To migrate to this module you need to follow all the installation instructions above and change your imports from:
```js
import {ART} from 'react-native';
const {Surface, Shape} = ART;
```
to:
```js
import {Surface, Shape} from '@react-native-community/art';
```
# Documentation
You can find API reference [here](https://github.com/react-native-community/art/tree/master/docs/api.md).
## License
The library is released under the MIT licence. For more information see `LICENSE`.
[support-badge]:https://img.shields.io/badge/platforms-android%20|%20ios-lightgrey.svg?style=flat-square
[make-a-pr]:http://makeapullrequest.com
[pr-welcome-badge]:https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square
[license-badge]:https://img.shields.io/npm/l/@react-native-community/slider.svg?style=flat-square
[circle-ci]:https://circleci.com/gh/react-native-community/art
[circle-ci-badge]: https://img.shields.io/circleci/project/github/react-native-community/art/master.svg?style=flat-square
[lean-core-badge]: https://img.shields.io/badge/Lean%20Core-Extracted-brightgreen.svg?style=flat-square
[lean-core-issue]: https://github.com/facebook/react-native/issues/23313
---
_Source: https://npm.io/package/@react-native-community/art · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._