@react-native-community/art

CircleCI MIT License PRs Welcome Supports Android and iOS Lean Core Badge

NOTE: ART was extracted from core react-native as a part of "Lean Core" effort.

React Native module that allows you to draw vector graphics

Getting started

Installing module

yarn add @react-native-community/art

or

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:

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): ![xcode-add](https://facebook.github.io/react-native/docs/assets/AddToLibraries.png) #### 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): ![xcode-link](https://facebook.github.io/react-native/docs/assets/AddToBuildPhases.png)
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:

import {ART} from 'react-native';
const {Surface, Shape} = ART;

to:

import {Surface, Shape} from '@react-native-community/art';

Documentation

You can find API reference here.

Related

License

The library is released under the MIT licence. For more information see LICENSE.