react native通过组件props的navigation实现界面跳转

Posted 2022-08-10 GHUIJS

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了react native通过组件props的navigation实现界面跳转相关的知识，希望对你有一定的参考价值。

最近学习react native，了解了界面的跳转，记录一下：

引入StackNavigationProp

import StackNavigationProp from '@react-navigation/stack';

render() 
    const 
      navigation,
    : 
      navigation?: StackNavigationProp<any, any>; //注意这里的？号是关键
     = this.props;

<TouchableOpacity
  style=styles.mainButton
  onPress=() => 
    navigation?.navigate('Home');
  >
  <Text>
    登录
  </Text>
</TouchableOpacity>

以上是关于react native通过组件props的navigation实现界面跳转的主要内容，如果未能解决你的问题，请参考以下文章