1

我正在尝试设置一个反应本机导航抽屉，并且我有一个可以正确切换抽屉的按钮，尽管我正在尝试设置滑动功能以打开抽屉，但这根本不起作用。我的drawer.js文件如下

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

import HomeStack from './homeStack';
import AboutStack from './aboutStack';

const Drawer = createDrawerNavigator();

export const AppNavigator = () => (
    <NavigationContainer>
        <Drawer.Navigator initialRouteName='Home'>
            <Drawer.Screen
                name='Home'
                component={HomeStack}
            />
            <Drawer.Screen
                name='About'
                component={AboutStack}
            />
        </Drawer.Navigator>
    </NavigationContainer>
);

export default AppNavigator;

它像这样导入我的 App.js

import React from 'react';

import Navigator from './routes/drawer';

export default function App() {
    return (
        <Navigator />
    )
}

我已经尝试过这篇文章中的建议，但没有成功。

我正在运行反应原生 0.63、反应原生导航 5.9、反应原生导航抽屉 5.12.3 和反应原生手势处理程序 1.10.0

供参考的是我的 index.js 文件，其中包含前面提到的帖子中的更新

/**
 * @format
 */

import { AppRegistry } from 'react-native';
import App from './App';
import { name as appName } from './app.json';
import { gestureHandlerRootHOC } from 'react-native-gesture-handler'

AppRegistry.registerComponent(appName, () => gestureHandlerRootHOC(App));
4

0 回答 0