У меня есть приложение-родное приложение, использующее реагирование-навигацию.
Я использовал пример, который отлично работает, но когда я добавляю свой собственный компонент, я получаю сообщение об ошибке, что это не компонент.
Сообщение об ошибке:
"Компонент для маршрута Loginscreen должен быть реагирующим компонентом"
Код для работающего компонента:
class DetailsScreen extends React.Component { render() {
return ( <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
<Text>Details Screen</Text>
</View>);}}
Код для компонента, который не работает:
class Login extends React.Component {
render() {
return (
<ImageBackground source={require('./assets/Background.png')} style={styles.background}>
</ImageBackground>
);}
У меня, конечно, есть импорт, и я сделал это:
export default createStackNavigator({
Home: { screen: HomeScreen, },
Details: { screen: DetailsScreen,},
LoginScreen: { screen: Login,},},
{ initialRouteName: 'Login',});
Я полностью сбит с толку, поскольку нет никаких функциональных различий, и документация не ссылается на это, и при этом я не могу найти подобные проблемы
спасибо за ваше время, читая это