Javascript 获得';类型错误:插值不是函数';以自然反应

Javascript 获得';类型错误:插值不是函数';以自然反应,javascript,node.js,reactjs,react-native,npm,Javascript,Node.js,Reactjs,React Native,Npm,我目前正在学习react native 我在这个项目上,主要使用--react导航,FlatList和react native magnus进行UI。 它很受欢迎 对象数组,并使用FlatList返回每个数组项的卡片列表(来自Magnus UI)。 导航结构如下所示→ 为了更好地访问,我附上了我的项目,希望它有帮助→ 在我的代码中,我遇到了这个错误→ TypeError:插值不是函数。(在“内插”中,插入(本.progress{ 输入范围:[进度ε,1], 输出范围:[0,1] })“,”插

我目前正在学习
react native

我在这个项目上,主要使用--
react导航
FlatList
react native magnus
进行UI。
很受欢迎 对象数组,并使用FlatList返回每个数组项的卡片列表(来自Magnus UI)。

导航结构如下所示→

为了更好地访问,我附上了我的项目,希望它有帮助→

在我的代码中,我遇到了这个错误→

TypeError:插值不是函数。(在“内插”中,插入(本.progress{
输入范围:[进度ε,1],
输出范围:[0,1]
})“,”插值“未定义)
此错误位于:
在NavigationContainer中(位于App.js:13)
应用内(由Expoot创建)
在expoot中(在renderApplication.js:45处)
在RCTView中(在View.js:34)
在视图中(位于AppContainer.js:106)
在RCTView中(在View.js:34)
在视图中(位于AppContainer.js:132)
在AppContainer中(位于renderApplication.js:39)
堆栈跟踪:
registerError中的节点\u modules\react native\Libraries\LogBox\LogBox.js:148:8
errorImpl中的节点\u modules\react native\Libraries\LogBox\LogBox.js:59:8
console.error中的节点\u modules\react native\Libraries\LogBox\LogBox.js:33:4
节点\u modules\expo\build\environment\react native logs.fx.js:27:4出错
reportException中的节点\u modules\react native\Libraries\Core\exceptionmanager.js:104:6
handleException中的节点\u modules\react native\Libraries\Core\exceptionmanager.js:171:19
handleError中的节点\u modules\react native\Libraries\Core\setUpErrorHandling.js:24:6
ErrorUtils.setGlobalHandler$argument\u 0中的节点\u modules\expo error recovery\build\ErrorRecovery.fx.js:12:21
tryCatch中的节点\模块\再生器运行时\运行时.js:63:36
调用中的节点\模块\再生器运行时\运行时.js:293:29
tryCatch中的节点\模块\再生器运行时\运行时.js:63:36
调用中的节点\模块\再生器运行时\运行时.js:154:27
PromiseImpl.resolve.then$argument\u 0中的节点\u modules\registrator runtime\runtime.js:164:18
tryCallOne中的node\u modules\react native\node\u modules\promise\setimmediate\core.js:37:13
setimmediate$argument\0中的node\u modules\react native\node\u modules\promise\setimmediate\core.js:123:24
node\u modules\react native\Libraries\Core\Timers\JSTimers.js:130:14 in\u callTimer
CallimmediatePass中的节点\u modules\react native\Libraries\Core\Timers\JSTimers.js:181:14
callImmediates中的节点\u modules\react native\Libraries\Core\Timers\JSTimers.js:441:30
callImmediates中的节点\u modules\react native\Libraries\BatchedBridge\MessageQueue.js:387:6
节点\u modules\react native\Libraries\BatchedBridge\MessageQueue.js:135:6在\uuuu-guard$argument\u 0中
保护中的节点\u模块\react native\Libraries\BatchedBridge\MessageQueue.js:364:10
flushedQueue中的节点\u modules\react native\Libraries\BatchedBridge\MessageQueue.js:134:4
[本机代码]:flushedQueue中为null
[本机代码]:invokeCallbackAndReturnFlushedQueue中为null
这些是该项目的主要JS文件↓, 但我也提到了上面整个项目的链接↑ 代码 App.js


从“React”导入React;
从“react native”导入{样式表、文本、视图};
从“./routes/drawer”导入导航器;
//测试屏幕//
//从“/magnus/MagnusCard”导入MagnusCard
导出默认函数App(){
返回(
// {
返回{
标题:()=>
}
}
},
回顾详情:{
屏幕:查看详细信息,
导航选项:{
标题:“审查细节”
}
},
}
const HomeStack=createStackNavigator(屏幕);
出口违约本币;
代码 home.js

从“世博会状态栏”导入{StatusBar};
从“React”导入React,{useState};
从“react native”导入{样式表、文本、视图、按钮、平面列表、TouchableOpacity};
//共享组件
从“../../magnus/MagnusCard”导入MagnusCard;
导出默认函数Home({navigation}){
const[reviews,setReviews]=useState([
{标题:'Zelda,呼吸新鲜空气',评级:5,正文:'lorem ipsum',键:'1'},
{标题:'再次抓住他们',评级:4,正文:'lorem ipsum',键:'2'},
{标题:'不太“最终”幻想',评级:3,正文:'知识产权',键:'3'},
]);
返回(
{navigation.navigate('ReviewDetails')}
title=“Details”style={styles.btnToRevDetails}/>
←单击此处查看查看查看屏幕
(
{/*onPress={()=>navigation.navigate('ReviewDetails',item)}*/}
)} />
)
}
const styles=StyleSheet.create({
容器:{
弹性:1,
flexDirection:'列',
},
机顶盒:{
flexDirection:'行',
边距:4,填充:10,对齐项目:“居中”
},
列表项:{margin:10,padding:4},
BTN详细信息:{
弹性:3
},
解释文字:{
弹性:7,
尺寸:16,
}
})

可能您的react导航抽屉版本与react native reanimated的版本冲突。请尝试运行
npm i--保存react native-reanimated@1.0.0


如果可能,请共享您的
package.json
代码。

看起来某个地方的动画缺少依赖项?是的,react-native router flux 4.3.1和react-native reanimated 1.31.2可以正常工作(
不要使用react-native reanimated 2.x