这个问题通常是由react-native-reanimated和react-navigation-drawer的版本不兼容引起的。解决方法是将这两个包的版本升级至最新版。具体操作步骤如下:
卸载react-native-reanimated和react-navigation-drawer:
npm uninstall react-native-reanimated react-navigation-drawer
安装最新版的react-native-reanimated和react-navigation-drawer:
npm install react-native-reanimated@next react-navigation-drawer@next
启动Metro bundler:
npm start
重新运行应用程序即可。
代码示例:
import React from 'react';
import { NavigationContainer } from '@react-navigation/native';
import { createDrawerNavigator } from '@react-navigation/drawer';
import { enableScreens } from 'react-native-screens';
import { createNativeStackNavigator } from 'react-native-screens/native-stack';
import HomeScreen from './screens/HomeScreen';
import ProfileScreen from './screens/ProfileScreen';
enableScreens();
const Drawer = createDrawerNavigator();
const Stack = createNativeStackNavigator();
function HomeStack() {
return (
);
}
export default function App() {
return (
);
}
上一篇:安装了react-native-reanimated后,在ExpoGo应用中收到空白屏幕。
下一篇:安装了react-navigation和react-native-gesture-handler后,React Native构建失败。