如何解决对屏幕内的导航器使用React Navigation?
在我的React Native应用中,我有一个堆栈导航器,
const AppStack = createStackNavigator(
{
Tabs: AppTabs,Account: AccountScreen,Profile: ProfileScreen,Post: PostScreen,},);
ProfileScreen包含一些标题内容和另一个TabNavigator,其布局类似于在Youtube中单击频道时的布局:
const ProfileTabs = createMaterialTopTabNavigator(
{
Home: ProfileHome,Posts: ProfileMade,);
const ProfileNav = createAppContainer(ProfileTabs);
class ProfileScreen extends React.Component {
render() {
return (
<View style={{ flex: 1 }}>
<View>Some header content</View>
<ProfileNav />
</View>
);
}
}
我的问题是我无法从ProfileTabs导航器内部导航到原始stacknavigator的屏幕。例如。如果用户单击ProfileMade屏幕中的帖子,我想将其导航到PostScreen。
请有人告诉我应该更改什么?谢谢
解决方法
您可以导航到另一个通过 .navigate()方法发送堆栈名称的堆栈:
navigation.navigate('StackName',{
screen: 'YourScreenName'
});
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。