react-navigation 相关问题

一个易于使用的导航解决方案,可用于React和React Native项目https://reactnavigation.org

需要 React 导航抽屉和堆栈导航方面的帮助

这里有人可以分享一个示例,说明如何为不受保护的路由实现 Stack 导航器和为受保护的路由实现 Drawer 导航器吗? 我已经这样做了,但是它根本不起作用.. Qu...

回答 1 投票 0

如何在 React Native 中实现 3d Touch(peek 和 pop)

如何在我的 react-native 应用程序中实现此功能? react-navigation 是否默认提供此功能? 以下是一些相关链接: https://github.com/aksonov/react-native-router-flux/issues/...

回答 2 投票 0

React Navigation 我需要 NativeComponent:“RNSScreenStackHeaderConfig”

我刚刚开始我的新项目。安装 react-navigation 并在我的 IOS 应用程序中使用它后,我收到错误 Invariant Violation: requireNativeComponent: "RNSScreenStackHeaderConfig" was not

回答 3 投票 0

react navigation只聚焦屏幕时如何使用带依赖的useEffect?

当屏幕聚焦于此屏幕时,我想使用具有依赖性的 useEffect。 useEffect 会在屏幕聚焦时继续监听,如果 dependancyVar 发生变化,它会做一些事情。我该怎么做...

回答 0 投票 0

底部标签栏导航覆盖和隐藏背景图像。图像被酒吧切割

应用程序是用react-native和expo开发的。 我有这个简单的布局和结构: 带有底部标签栏导航的导航器 js 文件,指向页面,并导入到 App.js 公关...

回答 2 投票 0

如何禁止在覆盖点击时关闭 React Navigation 抽屉

如果点击覆盖,我不想关闭抽屉。是否可以禁用它?或者,更好的是,一起移除覆盖层?目前,我只是让它的颜色透明,但它会是

回答 1 投票 0

导航后保持屏幕状态

我有一个这样的导航器: 我有一个像这样的导航器: <NavigationContainer> <Stack.Navigator> <Stack.Screen name="Home" component={HomeScreen} /> <Stack.Screen name="Support" component={SupportScreen} /> </Stack.Navigator> </NavigationContainer> HomeScreen 和 SupportScreen 在它们的函数中都只有一个组件呈现。 我希望每个屏幕都保留内容,但它对我不起作用 这是步骤: 导航器在主屏幕上加载 我在 Home 的 TextInput 中输入“abc” 导航到 SupportScreen 在 Support 的 TextInput 中键入“xyz” 返回/导航到主页 我可以在输入中看到“abc” 导航到支持 输入为空 我希望 Support 的 TextInput 将文本保留在输入中 如果我交换 <Stack.Screen name="Home" component={HomeScreen} /> 和 <Stack.Screen name="Support" component={SupportScreen} />,那么会发生完全相同的情况,但是 Home 会丢失他的文本而 Support 不会,所以我认为这种行为与初始屏幕或类似的东西有关...... 你能向我解释一下这种行为以及如何让它按照我的预期工作吗? 谢谢! 这是常见问题。为了解决这个问题,我们可以在每次在屏幕之间导航时发送现有的路线数据,查看下面的代码我已经为你完成了 https://snack.expo.dev/@mainak-shil/stack-nav__persist-route-data-between-screens React Navigation 中你需要知道的 3 个动作 推(),导航(),返回() 'push' 将在导航堆栈的顶部添加另一个新屏幕,无论堆栈中是否存在相同的屏幕。 如果存在相同的屏幕,“导航”将切换到堆栈中的屏幕,否则它将像“推”一样工作。 'goBack' 会将屏幕从导航堆栈中弹出,这意味着屏幕将被卸载并且组件中的所有数据都将丢失。 在您的情况下,“支持”屏幕已初始化,因为您有返回导航。如果您直接导航到“主页”并返回到“支持”,您可以在其中保留之前的组件状态。 (实际上'goBack'是'navigate'的反向动作,'pop'是'push'的反向动作。)

回答 2 投票 0

意外返回嵌套导航的反应导航

我在 react-native 0.66.4 和 react-navigation 4.4.4 中面临导航问题。 我有一个看起来像这样的选项卡导航设置。 标签导航 家 屏幕A(初始) 画面B 贸易 屏幕...

回答 2 投票 0

@react-navigation/elements HeaderBackButton 在 Android 上不可见

我正在使用@react-navigation/elements(1.3.17 - 撰写本文时的最新版本)。然而,HeaderBackButton 组件在 Android 上不可见,但我的堆栈导航器中的默认标题确实显示......

回答 0 投票 0

如何将道具传递给嵌套在 screenStack 组件中的 bottomTabStack 组件

我需要 Tab1 和 Tab2 来接受定义的 TabParamList 参数,这样我就可以使用必要的数据正确渲染这些组件。我将如何创建界面 Tab1Props 和 Tab2Props? 进口{

回答 1 投票 0

在 React Native Expo 应用程序中组合选项卡和抽屉

我有一个使用 React Navigation 6 的 React Native Expo 应用程序。我可以显示选项卡和抽屉,但是我收到此控制台警告 发现同名屏幕嵌套在一个 not...

回答 1 投票 0

在 React Native 应用程序中,如何动态更改视图后面的背景颜色?

我正在使用本机反应构建一个 iOS 应用程序。使用反应导航,我使用“模态”选项打开一个屏幕。这是 iOS 应用程序以动画模式打开屏幕的常见行为...

回答 1 投票 0

scrollTo 在 Drawer.Navigator DrawerItem 的 ScrollView 中

让我们假设我们有以下内容: 导航画面: { 返回 ( ...

回答 0 投票 0

导航到另一个屏幕后从堆栈中删除屏幕

我有一个带有两个选项卡 A 选项卡和 B 选项卡的 TabNavigator。 B中有一个StackNavigator C Stack。在此堆栈中,我通过 navigation.navigate('A Tab') 导航到选项卡 A。如何重置 B 选项卡,t...

回答 0 投票 0

根据函数返回的内容设置导航值

当我调用登录函数时,这是我得到的错误: 错误:以对象为参数调用导航时需要指定名称或键。请参阅 https://reactnavigation.org/docs/navigation-a...

回答 0 投票 0

代码在 React 路由器的最新 React-Router-dom 中不起作用?

在react中我想运行一个应用相关的react-router;没事儿;问题是特定的代码,比如 "react-router-dom": "6.8.1," 在最新的 react 中没有运行

回答 2 投票 0

隐藏底部选项卡导航器中的标题不起作用

我有一个带有底部选项卡导航器的 React Native Expo 应用程序。如何隐藏特定的屏幕标题? 这是我的代码: 导出默认函数 MainContainer() { const Tab = createBottomTabNavigat...

回答 0 投票 0

在呈现不同的组件反应导航时无法更新组件

我正在使用 expo 和 React Native 构建一个应用程序。在我的项目中,我有一个包含三个 stackScreen 的 stackNavigator,我还有一个具有静态异步功能的 DatabaseManager 类。在我的组件...

回答 1 投票 0

react-navigation-shared-element 不工作

我正在尝试实现 react-navigation-shared-element,当我点击一张卡片时,我想显示一个流畅的导航。 我有 2 个屏幕,一个是 Home,在 BottomTabNavigator 中,另一个是......

回答 0 投票 0

navigation.setOptions不改变

我正在使用react-navigator创建屏幕,但当屏幕打开时,我无法更改标题栏的选项 我的代码 (App.js): function App() { return ( &amp;...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.