开发者问题收集
我在代码中使用 props 来显示项目,但单击后无法导航到任何其他屏幕。我还将其定义为const { navigation } = this.props.navigation;,但显示错误,如屏幕截图所示。这是我的代码。此代码位于同一个Indprotype.js文件中(未使用两个单独的 .js 文件) class Withwish extends React.Component {ProPres
我正在开发一个 react-native 应用,目前有两个屏幕可通过底部的选项卡访问。我想在按下时导航到特定屏幕,并尝试触发从一个屏幕到下一个屏幕的导航。为此,我似乎需要将一个 prop 传递给屏幕并按如下方式访问它:const {navigate} = this.props.navigation;然后执行:onPress={() => navigate('Result', {result: re
尝试使用 switchnavigation 进行导航时返回此错误。我已尝试删除它。然后 props 返回未定义的“导航”。import React from 'react';import { Text, View, Image, TouchableOpacity } from 'react-native';import Icon from 'react-native-vector-icons/Io
我正在使用 React native 为 iOS 和 Android 开发多页应用程序。我使用 React Navigation 从一个页面导航到另一个页面。但不知何故它不起作用 &给出错误消息。这是我到目前为止所做的。App.jsimport React, { Component } from 'react';import {Platform,StyleSheet,Text,View} from
当我有一些用于authFlow的AsyncStorage项时,我想移动到不同的屏幕,但是当我转到下一个屏幕并且构造正在调用该函数时,它不会移动到下一个屏幕。我尝试使用基本方法 this.props.navigation.navigate('navigator_name'),但我认为它没有移动,因为出现了空白屏幕。App.js------import React from 'react';impor
我正在按照 react-navigation 中的此文档进行学习,并且不断尝试,但我无法在屏幕之间导航。每次我更改某些内容时都会弹出一个随机错误。如果我在 App.js 的根目录中仅将一个屏幕作为<HomeScreen/>调用,App.js 运行良好。我像这样调用 HomeScreen:import React from 'react';import { StyleSheet, Text, Vie
我正在使用此链接中提到的方法路由到另一个屏幕。问题是他们在功能组件中使用钩子。而我正在使用类组件。我的问题是,如何使用此导航在子组件(即类组件)内从一个屏幕导航到另一个屏幕。因为类组件不允许我在其中使用钩子。我的路线如下:const Tab = createBottomTabNavigator();const Stack = createStackNavigator();const HomeScr
我有三个组件。假设为 A、B、C。现在我想通过 B 从 A 导航到 CA(源)—>B—>C(目的地)但在此过程中,我不想显示组件 B。它应该看起来像用户直接从 A 转到 C。我想这样导航,因为组件 C 仅用于查看,带有一个后退按钮,该按钮必须转到组件 B因此,我可以在不在组件之间显示的情况下导航吗?谢谢
我有这样的场景,其中StackNavigator嵌套在TabNavigator中,而TabNavigator又嵌套在另一个StackNavigator中。const TabOneStack = StackNavigator({ScreenA: { screen: ScreenA },ScreenB: { screen: ScreenB }});const MainTabs = TabNavigat
我是 React Native 的新手,我一直在构建一个简单的食物食谱应用。我的主要Stack Navigator包含两个屏幕:底部标签导航器和食谱屏幕。我在标签导航器中的主屏幕,当我按下任何食谱时,我想传递食谱道具并导航到主Stack Navigator中的食谱屏幕。不幸的是,我还没有找到任何解决方案。你能帮我解决这个问题吗?这是主文件App.jsconst Navigator = create
使用 react-navigation v5(下一步):高级问题:从不同父级的子屏幕导航到嵌套的子屏幕。这是我的根导航器export const AppNavigator = (props): React.ReactElement => (<Stack.Navigator {...props} headerMode='none' mode={'modal'}><Stack.Screen name=
这是我的 appNavigator:我将其分为 3 个 stackScreen,包括HomeStack、SettingsStack和ProfileStack。AuthStack包含 SignUp 和 Signin Screen,我创建了底部选项卡,其中包含上面的 3 个 StackScreenconst HomeStack = createStackNavigator();function Hom
HomeStackNavigator(stack)---HomeTabsNavigator(Tab)---FirstTab(stack)---CreatePost(screen)---Posts(Tab)---Following(screen)---Feed(screen) <----- functional component in here, lets call it component1--
我在我的 react-native 项目中使用 React Navigation v5。我有一个嵌套的堆栈导航器。父堆栈导航器MyParentFlow具有一个托管另一个堆栈导航器的屏幕组件:const MyParentFlow = ({route, navigation}) => {const MyStack = createStackNavigator();return (<MyStack.Na
我有多个嵌套的导航(堆栈和底部图),我想从导航器的孩子导航到顶部。考虑以下示例:408840720说我想从注册屏幕移动到应用程序,然后导航到家庭组件,我该怎么做,这也是关于{独立:true}选项的工作方式的解释,也将受到赞赏