问题标签 [react-router-native]

我在我的应用程序中使用 react-router-navigation。假设我们有一个登录页面，用户必须在其中输入他的用户名，并且该用户名应该在用户输入时出现在导航栏中。

鉴于路由是在实际组件的其他地方定义的，并且组件没有回调来更改路由道具：有可能实现这一点吗？也许是一些聪明的 HOC？想法？

像使用 redux 或类似的方式一直传递用户名这样的黑客不是选项。更具体地说，我希望能够从组件内覆盖Card（右键，标题，任何）中指定的任何属性。可能吗？

请在下面找到示例代码，谢谢

我正在使用React Router Native我想隐藏特定路径上的组件

在我的Home组件中，当单击链接时，About组件必须呈现&Footer必须隐藏&其余路由Footer必须呈现。Footer是一个无状态组件。

我尝试props.location在我的Footer组件中访问，但它undefined是props一个空对象{}

我的问题是如何仅将一条路径列入黑名单而不渲染特定组件？

我正在使用react-router-native弹出的CRNA应用程序。我已将<AndroidBackButton>组件添加到我<NativeRouter>的文档中，但它似乎没有触发。

有什么方法可以调试它以查看它是否没有正确获取值？我正在使用<Redirect>and<Link>在我的应用程序中进行路由，因此应该有历史项目供 RR 使用。

欢迎任何想法或想法。

流类型的 libdefs 过时了react-router-native吗？

当使用flow此工作代码时，我得到：

检查了流类型中的 libdef（https://github.com/flowtype/flow-typed/blob/master/definitions/npm/react-router-native_v4.xx/flow_v0.53-/react-router-native_v4。 xxjs），它似乎没有导出任何这些类型。

我是 Flow 和流类型的新手，所以我可能在这里做错了。有任何想法吗？

我正在尝试为我的 React Native 应用程序中的不同页面创建路由。所以我创建了一个带有新路由器的 router.js 文件：

然后我在我的 Splash 组件中导入了路由器。从那里我想要一个按钮将用户重定向到主屏幕。

但我收到以下错误：

这是我第一次使用 React Native Router，但我没有让它工作。有人知道制作简单路由器在屏幕之间导航的最佳解决方案吗？

我知道这个问题听起来像是在寻求不应该在这里的建议，但是我在搜索了很多我的要求后才发布。

我正在使用react-router-native导航，这在功能方面非常有用。但说到动画部分，它并没有提供最好的用户体验。官方文档似乎没有提供任何动画信息。

即使在 google 中，我也发现了一些文章（深入了解 React Router v4 Animated Transitions，使用 React Router 制作 Route Transitions 动画）描述了导航动画，但仅适用于react.

因此，有人可以让我知道有什么方法可以应用动画react-router-native吗？

我正在开发一个 react native 应用程序并使用 React router native v4，并且我正在尝试开发动画部分，正如文档所建议的那样，首先我确保一切都可以在没有动画或过渡的情况下工作。

我已经迭代了实现，这就是我现在所得到的：

我的主要组件呈现以下内容：

我的 routes.js 呈现以下内容（注意传递给 Switch 的 location 属性，以防止它在父组件之前更新其子组件）：

以及处理动画的 ViewTransition，现在它只是淡入/淡出旧视图和新视图：

上面的代码正在工作，我可以看到旧视图淡出和新视图淡入，但是我有一个问题，当它开始淡出时，组件以某种方式重新安装，我希望在动画开始之前看到闪烁，我希望知道我的代码有什么问题。

更新：

react-navigation web 支持已经完成。按照这个： https ://reactnavigation.org/docs/en/web-support.html

原产地：

我尝试在 react-native 和 web 之间共享我的代码。当我尝试 react-native-web 时，它运行良好。但只有一个问题，如何从 URL 访问特定屏幕？我阅读了 react-navigation 文档，对此一无所知。并且 react-router-native 可以捕获 Web URL，但它具有像 StackNavigator/DrawerNavigator 这样的导航器。和想法？

错误： 未定义不是对象（评估“_this.context.router.history”）

index.js：

点击链接后显示错误。怎么了？

这个怎么做？例如我发现这个：

但如果我想显示this.props.location.state，然后写undefined。