tipo de elemento de violação invariável @createStackNavigation é inválido, espera-se uma string
Ao criar a importação e usar o createStackNavigation, estou recebendo o seguinte erro. Qualquer ajuda seria muito apreciada! Além disso, este é o meu primeiro aplicativo em react-native, por favor, seja paciente comigo.
Tentei outras versões do StackNavigation, li outras postagens relacionadas ao erro, mas nenhuma delas parece me levar a lugar algu
import React, { Component } from "react";
import { Center } from "@builderx/utils";
import { View, StyleSheet, Image, Text } from "react-native";
import { createAppContainer } from 'react-navigation';
import { MainNavigation } from '../screens/MainNavigator';
const AppContainer = createAppContainer(MainNavigation);
export default class DlLoading_2 extends Component {
render() {
return (
<View style={styles.root}>
<Center />
<AppContainer
TouchableHighlight onPress={() =>
this.navigation.navigate('DlMain')}>
Image style={styles.blueDisk} source= .
{require('../assets/ComponentTMP_0-image.jpg')} />
</AppContainer>
<Center horizontal>
<Image
source={require("../assets/ComponentTMP_0-image2.png")}
style={styles.dlLogo}
/>
</Center>
<Center horizontal>
<Text style={styles.text}>TRANSINDENTAL MEDITATION</Text>
</Center>
</View>
);
}
}
const styles = StyleSheet.create({
root: {
backgroundColor: "#FFFFFF",
flex: 1
},
blueDisk: {
height: 401.5,
width: 602,
position: "absolute"
},
dlLogo: {
height: 97,
width: 300,
position: "absolute",
top: "6.61%"
},
text: {
height: 53,
width: 301,
top: 660,
position: "absolute",
backgroundColor: "transparent",
lineHeight: 24,
letterSpacing: 0,
fontFamily: "Gotham-Book",
fontSize: 24,
textAlign: "center",
color: "rgba(92,92,95,1)"
}
});
Aqui está meu MainNavigator.js também:
import DlLoading_2 from "./src/screens/DlLoading_2";
import DlMain from "./src/screens/DlMain";
import { createStackNavigator, createAppContainer } from "react-
navigation";
import { create } from "handlebars";
const MainNavigator = createStackNavigator({
DlLoading_2: {
screen: DlLoading_2
},
DlMain: {
screen: DlMain
}
},
{
headerMode: "none"
}
);
export default createAppContainer(MainNavigator);