Блог

Главная - Вопросы по программированию - Как использовать функцию MyDrawer?

Как использовать функцию MyDrawer?

#android #typescript #react-native #mobile #drawer

Вопрос:

[Моя функция ящика не работала, поэтому я попытался добавить функцию onPress={() => navigation.openDrawer (), чтобы проверить, работает ли она, но, похоже, функция «openDrwaer» не существует, даже если она находится в документации @react-навигация/ящик][1]

 import {useNavigation} from '@react-navigation/native';
import React from 'react';
import Icon from 'react-native-vector-icons/Feather';
import {Button, Container} from './styles';
import {createDrawerNavigator} from '@react-navigation/drawer';
import SignIn from '../../pages/SignIn';

const Drawer = createDrawerNavigator();

function MyDrawer() {
  return (
    <Drawer.Navigator>
      <Drawer.Screen name="log-out" component={SignIn} />
    </Drawer.Navigator>
  );
}

const Header: React.FC = () => {
  const navigation = useNavigation();
  return (
    <Container>
      <MyDrawer />
      <Button onPress={navigation.goBack}>
        <Icon name="arrow-left" size={30} />
      </Button>
      <Button onPress={() => navigation.openDrawer()} >
        <Icon name="menu" size={30} />
      </Button>
    </Container>
  );
};

export default Header;
Метки: