React Native Cube Transition
React Native module for iOS that rotates components on a cube, similar to Instagram Stories.
Installation
Install the module from npm.
npm install react-native-cube-transition --save
iOS
Link the framework in XCode.
- Right click Libraries
- Add Files to [Your Project's Name]
- Go to
node_modules/react-native-cube-transition
- Add the
.xcodeproj
file - Add the
libRNCubeTransition.a
file underLibraries > RNCubeTransition.xcodeproj > Products
to your project'sBuild Phases > Link Binary With Libraries
Android
Not supported, yet.
Usage
;;; { return <View style=stylescontainer> <RNCubeTransition style=stylespage> <View style=stylesview stylesview1> <Text style=stylestext>3D Cube Transitions Using React Native</Text> </View> <Image source= style=stylesimage /> <View style=stylesview stylesview2> <Text style=stylestext>Use View or Image components</Text> </View> <Image source= style=stylesimage /> <View style=stylesview stylesview2> <Text style=stylestext>Even Gifs</Text> </View> <Image source= style=stylesimage /> </RNCubeTransition> </View> ; } const width height = Dimensions;const styles = StyleSheet;
License
MIT