React native View' 不能用作 JSX 组件。其实例类型 'View' 不是有效的 JSX 元素

Question

我目前在App.tsx内的View组件上得到以下错误:'View'不能用作JSX组件。它的实例类型"View"不是一个有效的JSX元素

我认为这个问题与图书馆有关

import React from 'react';
import {View,Text,StyleSheet, Button} from 'react-native'
import {createSwitchNavigator} from 'react-navigation'
const styles = StyleSheet.create({
txt:{
fontSize: 48
},
view: {
flex: 1,
alignItems: 'center',
justifyContent: 'center'
}
})
class screenComponent1 extends React.Component {
render() {
return(

<View>
<Button onPress={() => this.props.navigation.navigate('screenroute2')} title='next page'/>
</View>
)
}
}
class screenComponent2 extends React.Component {
render() {
return(
<View>
<Button onPress={() => this.props.navigation.navigate('screenroute1')} title='next page'/>
</View>
)
}
}
const AppNavigator = createSwitchNavigator({
screenroute1: screenComponent1,
screenroute2: screenComponent2,
})

export default class App extends React.Component {
render() {
return <AppNavigator/>
}
}

Answer 1

如果你使用的是React原生的0.66.3到0.70以下版本，你应该在包中这个解析对象。json文件

"resolutions": {
"@types/react": "^18.0.8",
},