Currently, this is a bit more complex process and I'm planning to write a blog post about that. However, as a brief starter, I write something here.

First problem is that RCTAnimation / RCTAnimationManager is not present at all, if you've created your project with react-native init [ProjectName] (https://github.com/facebook/react-native/issues/226).

You need to add it in XCode from a plus sign in top left corner: "Add Files to [ProjectName]". Then you navigate to node_modules > Libraries > Animation > RCTAnimation.xcodeproj . After it's imported, you need to drag it under Libraries in your project.

Then you need to open tab Build Phases . There you have menu Link Binary With Libraries (x items) . Drag from Products under RCTAnimation.xcodeproj file named libRCTAnimation.a to the menu.

Now, you can build your project to support animations. I'm not that familiar with XCode, so there could be a even more simple way of achieving this, but I got it sorted like this.

Second Problem is that not all the available (or planned) functionality is there. At least I ran through the jungle of trials and errors before I got anything on the screen.

Try e.g. this code at first to get fully proofed that animations are working:

var { Animation, AppRegistry, StyleSheet, Text, View } = React; var styles = StyleSheet.create({ test: { width: 400, height: 400, backgroundColor: 'blue', opacity: 0 } }); var AnimationTest = React.createClass({ componentDidMount () { Animation.startAnimation(this.refs['this'], 400, 0, 'linear', {opacity: 1}); }, render () { return ( <View ref='this' style={styles.test}> <Text>Just an animation test</Text> </View> ) } }); AppRegistry.registerComponent('AnimationTest', () => AnimationTest);

This should get you going. If you need any further assistance, please notify me.

If I ever succeed in writing a more complete instructions in a form of a blog article, I'll update it to this answer.