No component found for view with name "ARTShape"

Question

Just trying to produce an hello-world for using the ART object in React Native, I get the above exception as if part of the library were not linked. I just added the following code:

import {
  AppRegistry,
  StyleSheet,
  Text,
  View,
  ART
 } from 'react-native';

...
<Text style={styles.instructions}> Press Cmd+R to reload,{'\n'} Cmd+D or shake for dev menu </Text> <ART.Shape fill={"black"} d={"M10,10 L 30,30"}/> </View> ...

to index.ios.js after react-native init my-app. So what am I doing wrong? Do I have to link some package with rnpm?

react-native-cli: 0.2.0
react-native: 0.27.0

Answer 1

There is no ART.xcodeproject it RN> 0.61. In /ios/Podfile add

pod 'React-ART', :path => '../node_modules/react-native/Libraries/ART'

Answer 2

You need to link the ART Library to your iOS project.

Refer to the React Native document,

1. Find the ART Xcode Project in the node_module/react-native

---

2. Drag the ART Project into your project_folder/Libraries

---

3. Go the Build Phase tab of YOUR PROJECT, add libART.a into Link Binary into Libraries.

Hope it helps. :)

Answer 3

I drag and dropped node_modules/react-native/Libraries/ART/ART.xcodeproj somewhere to my Xcode project. After that I was able to add libART.a under Build Phases -> Link Binary With Libraries

source: https://github.com/bgryszko/react-native-circular-progress/issues/23