Question

在Component类中，我已经尝试过多次使用useNavigation()进行导航。但是我不能，因为根据错误，我应该在主体函数中使用此方法。我在render()方法中尝试过。这也没有帮助。如果有人知道，你能帮我吗？

import { useNavigation } from '@react-navigation/native';

export default class MenuDrawer extends React.Component{

render(){

const  navigation  = useNavigation();
return(
    <View>
       <Button  onPress={()=>{navigation.navigate('detail')}}  />
   </View>
);

}
}

Answer 1

根据文档here，您可以将组件包装在函数中以使用它

import { useNavigation } from '@react-navigation/native';

export default yourFunction(props) {
  const navigation = useNavigation();

  return <MenuDrawer navigation={navigation} />;
}

您的新MenuDrawer

export default class MenuDrawer extends React.Component {
  render(){
    const { navigation } = this.props;
      return(
        <View>
         <Button onPress={()=>{navigation.navigate('detail')}}  />
       </View>
    );
  }
}

Answer 2

onPress出现拼写错误。您已经编写了onpPress。请检查。

使用组件类反应导航抽屉v5x useNavigation（）

2 个答案: