createSharedElementStackNavigator returns navigation.dangerouslyGetState

Question

我目前在我的项目中使用反应导航共享元素时遇到错误。定义 Stack 并使用 Stack.Navigator 时，它会返回一个错误

导航.dangerouslyGetState

我已经阅读了文档并在网上观看了一些视频，看看我是否遗漏了什么。但是，无法得出任何结论。

请在下面找到代码：

import React from "react"
import { createStackNavigator } from '@react-navigation/stack';
import { createSharedElementStackNavigator } from 'react-navigation-shared-element';
import { NavigationContainer, DefaultTheme, useLinkProps } from '@react-navigation/native';
import Search from "./screens/Search"
import Home from "./screens/Home"

import Entypo from "react-native-vector-icons/Entypo";
import {  Text, TouchableOpacity, View } from "react-native";

export default function Navigation( { navigation }) {
    const Stack = createSharedElementStackNavigator();

    const MyTheme = {
        ...DefaultTheme,
        colors: {
          ...DefaultTheme.colors,
          background: '#FFF',
        }
    }

    return (
        <NavigationContainer theme={MyTheme}>
            <Stack.Navigator initialRouteName="Home">

                <Stack.Screen name="Home" component={Home} options={({route}) => ({
                    headerShown: false,
                })}/>

                <Stack.Screen name="Search" component={Search} options={({route}) => ({
                    headerShown: true,
                    headerTitle: 'Search',
                    headerTitleStyle: {fontSize: 22, fontFamily: 'Gilroy-Bold'},
                    headerBackTitleVisible: false,
                    headerShadowVisible: false,
                    headerBackImage: () => (
                        
                            <View style={{backgroundColor: '#ffffff', borderRadius: '50%', marginLeft: 15, marginBottom: 5}}>
                                <Entypo name="chevron-small-left" size={30} color="#37BD6B"/>
                            </View>
                    )
                    
                })}/>

            </Stack.Navigator>
        </NavigationContainer>
    )
}

阅读错误时，显示如下：

输入'{ children: Element[];初始路由名称：字符串； }' 不是 可分配给类型 'IntrinsicAttributes & ((Pick<DefaultRouterOptions & { children: ReactNode; 屏幕选项？：StackNavigationOptions | ((道具: { ...; }) => StackNavigationOptions) |不明确的; } & StackNavigationConfig, “孩子们” | ... 更多 2 ... | "keyboardHandlingEnabled"> & { ...; }) | PropsWithChildren<...>)'。输入'{ children: Element[]; 初始路由名称：字符串； }' 缺少以下属性 输入 'Pick<DefaultRouterOptions & { children: ReactNode; 屏幕选项？：StackNavigationOptions | （（道具：{路线： RouteProp<记录<字符串, 对象 |未定义>，字符串>；导航： 任何; }) => StackNavigationOptions) |不明确的; } & StackNavigationConfig，“孩子们” | ... 更多 2 ... | “keyboardHandlingEnabled”>'：模式，headerMode， keyboardHandlingEnabledts（2322）

根据文档，我认为我没有遗漏任何道具

提前致谢

Answer 1

对此有任何答案吗？我遇到了同样的错误。