React Native 响应本机导航“类型错误:无法将未定义的值转换为对象”

j2cgzkjk  于 2023-03-13  发布在  React
关注(0)|答案(1)|浏览(132)

我尝试使用react原生导航创建抽屉,但收到错误“TypeError:无法将未定义的值转换为对象”“。我无法找到问题的确切原因。
App.js

import { NavigationContainer } from '@react-navigation/native'
import { createDrawerNavigator } from '@react-navigation/drawer';

import Home from './src/screens/home';

const Drawer = createDrawerNavigator();

const App = () => {
  return (
    <NavigationContainer>
      <Drawer.Navigator>
        <Drawer.Screen name="Home" component={Home} />
      </Drawer.Navigator>
    </NavigationContainer>
  );
}
export default App;

home.js

import { View, Text } from 'react-native';

const Home = () => {
  return(
    <View>
      <Text>Home</Text>
    </View>
  )
};

export default Home;

error image
我删除并重新安装了软件包。我删除了应用程序并重新创建了它,但我无法克服这个问题

rjee0c15

rjee0c151#

我解决了问题。
首先我用Yarn安装了“React-自然-再生”

yarn add react-native-reanimated

然后我在babel.config.js中添加了“react-native-reanimated/插件”

module.exports = {
  presets: [
    ...
  ],
  plugins: [
    ...
    'react-native-reanimated/plugin',
  ],
};

别忘了pod install的ios
最后,我开始了这个项目。
用于Yarn

yarn start --reset-cache

对于国家预防机制

npm start -- --reset-cache

如果你用的是Expo

expo start -c

溶液的来源

相关问题