我可以成功地实现堆栈和标签导航在我的项目。
import React from "react";
import { StackNavigator } from "react-navigation";
import { TabNavFooter } from "./TabNavFooter";
import { SIGNIN_KEY, SIGNUP_KEY } from "../config/routeKeys";
import {
SignupScreen,
SigninScreen,
MainFeedScreen,
ProfilePageScreen,
CommentScreen
} from "../screens";
export const Routes = StackNavigator({
signin: { screen: SigninScreen },
comments: { screen: CommentScreen },
mainfeed: { screen: TabNavFooter },
signup: { screen: SignupScreen },
profilePage: { screen: ProfilePageScreen }
});
现在我想在点击评论按钮时导航。我的路线在router/index.js文件中。当我在另一个组件上时,我如何使用它来导航?我尝试了这个方法,但它不起作用。
export default class Post extends Component {
constructor(props) {
super(props);
}
commentPressedHandler = () => {
this.props.navigation('comments');
};
2条答案
按热度按时间xzv2uavs1#
应该像这样添加
navigate
因此,请尝试更改代码,如下所示:
而不是:
uplii1fm2#
以下是使用react原生导航文档中的
@react-navigation/native
和@react-navigation/native-stack
的解决方案。https://reactnative.dev/docs/navigation构建React-Native路由控制器
将导航组件注入到视图中,例如:
为您的按钮实现一个导航到不同视图的函数。