Javascript TypeError:在ReactNative中尝试动画时,Undefined不是对象

Javascript TypeError:在ReactNative中尝试动画时,Undefined不是对象,javascript,react-native,cross-platform,babeljs,react-native-reanimated,Javascript,React Native,Cross Platform,Babeljs,React Native Reanimated,我一周前才开始学习React native,现在我正在尝试将动画添加到一个应用程序中,该应用程序通过TMDB api在搜索时加载电影,效果很好,但在尝试动画时,当我按下搜索按钮后,它会显示并错误地说: undefined不是对象(正在计算'new\u reactNativeReanimated.Animated.Value') *components\FilmItem.js:18:17在构造函数中 老实说,我在网上搜索过,但我没有发现类似的问题,所以有人能帮我吗? 这是我的密码: ps:在尝试动

我一周前才开始学习React native,现在我正在尝试将动画添加到一个应用程序中,该应用程序通过TMDB api在搜索时加载电影,效果很好,但在尝试动画时,当我按下搜索按钮后,它会显示并错误地说:
undefined不是对象(正在计算'new\u reactNativeReanimated.Animated.Value')
*components\FilmItem.js:18:17在构造函数中

老实说,我在网上搜索过,但我没有发现类似的问题,所以有人能帮我吗? 这是我的密码:

ps:在尝试动画之前,应用程序运行得非常好,我在为动画添加的代码中添加了注释“
/>>
”,还添加了一些屏幕


//组件/FilmItem.js
从“React”导入React;
进口{
样式表,
看法
文本,
形象,,
可触摸不透明度,
尺寸
}从“反应本族语”;
从“./Api/TMDBApi”导入{getImageFromApi};
从“react native reanimated”导入{Animated};
类FilmItem扩展了React.Component{
//>>>添加了构造函数
建造师(道具){
超级(道具);
此.state={
positionLeft:新的动画.Value(Dimensions.get(“窗口”).width)
};
}
//>>>添加了组件didmount()
componentDidMount(){
春天(
这个。状态。位置左{
toValue:0
}).start()
}
_displayFavoriteImage(){
如果(this.props.isFilmFavorite){
返回(
);
}
}
render(){
const film=this.props.film;
const displaydailforfilm=this.props.displaydailforfilm;
返回(
//>>>使用样式将可触摸不透明度封装在动画.view中
displayDetailForFilm(film.id)}
style={style.main_容器}
>
{this.\u displayFavoriteImage()}
{电影名称}
{电影.投票(平均数)}/10
{电影概述}
{/*在一段很长的时间内,每一个文本的固有数量足以定义最大对齐度*/}
Sorti le{电影发行日期}
)
}
}
const styles=StyleSheet.create({
主容器:{
身高:190,
flexDirection:“行”
},
图片:{
宽度:120,
身高:180,
差额:5,
背景颜色:“灰色”
},
内容容器:{
弹性:1,
保证金:5
},
标题(u)容器:{
弹性:3,
flexDirection:“行”
},
标题和正文:{
fontWeight:“粗体”,
尺寸:20,
弹性:1,
柔性包装:“包装”,
填充右:5
},
表决案文:{
fontWeight:“粗体”,
尺寸:16,
颜色:“666666”
},
容器说明:{
弹性:7
},
说明文字:{
字体:“斜体”,
颜色:“666666”
},
集装箱日期:{
弹性:1
},
日期和文本:{
textAlign:“对”,
尺寸:14
},
最喜爱的图片:{
宽度:25,
身高:25,
marginRight:5
}
});
导出默认项目;

我认为您没有正确导入依赖项-请确保区分默认导出和命名导出,即

import Animated, { Value } from 'react-native-reanimated'
那你就有了

positionLeft: new Value(Dimensions.get("window").width)

有关ES6导入语法,请参阅。

我认为您没有正确导入依赖项-请确保区分默认导出和命名导出,即

import Animated, { Value } from 'react-native-reanimated'
那你就有了

positionLeft: new Value(Dimensions.get("window").width)
有关ES6导入语法,请参阅