问题标签 [react-navigation]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
react-native - React Navigation:利用 Redux 的深度链接
在 React Navigation 中,可以通过将uriPrefix
prop 传递给顶级导航器,或者{containerOptions: {URIPrefix: PREFIX}}
作为第二个参数传递给内置导航器(例如StackNavigator
)来使用深度链接。
当 Redux 与 React Navigation 集成时,顶级导航器会传递一个navigation
prop。
但是,在 RN 应用程序上同时启用 Redux 和深度链接时。uriPrefix
和navigation
prop 都需要传递给顶级导航器,这会引发错误,
这个导航器有导航和容器属性,所以不清楚它是否应该拥有自己的状态。
Redux 和深度链接(使用 React Navigation)如何集成到 RN 应用程序中?
react-native - 在 React Native 中,图标/图像不与 TabBarBottom 一起显示
我几乎从 TabNavigator 文档中获取了示例代码,并且图标/图像根本不会出现在 iOS 或 Android 上。甚至标签覆盖似乎也没有生效。我究竟做错了什么?
这是我一直在使用的文档的链接: https ://reactnavigation.org/docs/navigators/tab
这是我的代码:
react-native - 无法在开玩笑的反应导航中读取导出的模块
我刚从我所有的测试工作的前导航迁移。我按照指南进行操作,并阅读了文档。该应用程序功能齐全,但我需要让测试正常工作。一切看起来都很好,但错误不会让我运行任何测试。似乎是编译时的错误,其中模块未定义。但是我什至无法记录导入包的值。
这是抛出的代码:
这就是我导出 AppNavigator 的方式:
这是我的笑话配置:
我已经删除了 node_modules,重新安装,删除了 watchman 并清理了缓存。有人有线索吗?
react-native - React-native Routing(单页应用)
我对 react-native 路由感到非常困惑。我是 react-native 的新手,我从未在 React.js 上工作过。我想问一下 react native 应用程序是否像 angularJs 一样是单页应用程序架构?react-native 中的路由和导航有很多方法,比如
1 .react-native-router-flux
2.导航器
等多种方式。有人请告诉我这是这个 SPA 架构,什么是 react-native 中路由的最佳方式,它有更多的支持。我想在我的应用程序中制作一个侧边抽屉菜单和标签菜单。请帮我 。提前致谢
react-native - 使用嵌套导航器不更新屏幕的反应导航
使用 React-Navigation (v1.0.0-beta.8),我为 TabNavigator 中的每个选项卡嵌套了一个 StackNavigator。导航状态由 Redux 处理。
TabNavigator 工作正常;但是,在选项卡内,堆栈导航器在导航到某个屏幕后不会更新。
例子
// HomeTabNavigator
// 导航减速器
// QuestionsStackNavigator
// 问题容器
初始 Redux 状态是
点击按钮后,状态变化如下:
虽然新屏幕不可见
reactjs - 无法使用 react-navigation 进行导航
我正在使用 react-navigation 来导航我的 android 应用程序,我将 react-navigation 与 redux 一起使用。
应用程序.js:
减速器:
主页视图:
在 Home 视图中,我想导航到 Completed 视图,
不起作用,我不知道为什么。
也不行。
android - 如何在反应导航中隐藏工具栏
我想知道如何隐藏在实施react-navigation
https://reactnavigation.org/后默认添加的工具栏
我有两个屏幕 - 我不想要工具栏的启动器屏幕和可以有工具栏的第二个屏幕。
index.android.js
EnableNotification.js
android - React 本机导航不适用于 TouchableOpacity
我试过哪个工作正常react-native
。Button
我想定制Button
,所以这让我选择了TouchableOpacity
. 我正在尝试设置如下所示的反应本机导航,但现在无法正常工作。
我用它来导航https://reactnavigation.org/
index.android.js
react-native - 如何在具有 TabNavigator 的应用程序的根级别显示模式?
我正在使用 react-navigation,这就是我的根级别的样子:
Tabs 实际上是一个 TabNavigator,而不是一个 react 组件。FavoriteModal 是“react-native-modalbox”中的一个元素。问题是我希望底层选项卡内容在模式的背景中可见。这不会发生,因为 Modal 元素具有默认背景。所以我的问题是如何让 Modal 只占据屏幕的一部分并使其余部分保持半透明?
react-native - React Navigation redux 示例中的“无法在任何根中找到条目文件”问题
我在 IOS 模拟器中收到此错误:
在终端:
这是尝试在此处运行 React Navigation redux 示例时: https ://github.com/react-community/react-navigation/tree/master/examples/ReduxExample 。
我基本上:
- 下载了 github 项目的 ZIP
- 提取 Redux Example 文件夹并将其复制到另一个区域
- 运行“npm 安装”
- react-native run-ios