Sol 1
Installing Reanimated requires a couple of additional steps compared to installing most of the popular react-native packages. The steps needed to get reanimated properly configured are listed in the below paragraphs.
First step is to install react-native-reanimated
alpha as a dependency in your project:
yarn add react-native-reanimated
Babel plugin
Add Reanimated’s babel plugin to your babel.config.js
:
module.exports = {
presets: [
...
],
plugins: [
...
'react-native-reanimated/plugin',
],
};
By default, Reanimated plugin generate source location using absolute path. You can configure to use relative path:
module.exports = {
presets: [
...
],
plugins: [
...
[
'react-native-reanimated/plugin', {
relativeSourceLocation: true,
},
]
],
};
or
Sol 2
comment import of react-native-reanimated in all file
import Animated, {or} from "react-native-reanimated";
add “Animated” to react-native package
import {..., Animated} from 'react-native';
Ref:
https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/installation/
Recent Comments