问题标签 [react-native-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.
javascript - 在函数内导出对象
我正在尝试编写功能性无状态组件,但这样做遇到了问题。我包装Navigator
在一个以 props 作为参数的函数中(这些是任意的)。被包装的组件当前定义如下,因为它在该组件的减速器中使用。
这可行,但理想情况下,我希望能够将 实例Navigator
化为函数中的局部变量NavigatorView
,并在那里导出,以便我可以灵活地在实例化时设置哪些属性(如下所示)。
这里的问题如下,我怎样才能导出Navigator
(在reducer中使用)同时保持它包装在一个函数中?我试过了module.exports = Navigator;
,export const Navigator...
但它们不起作用。谢谢。
react-native - 启动屏幕后简单的反应本机应用程序(使用反应本机导航)崩溃
我正在尝试在我的 react-native 中使用 react-native-navigation 作为导航系统。我写了一个非常简单的应用程序来测试它,但是这个应用程序在启动屏幕后崩溃(没有给我任何错误或信息)。
我的 index.ios.js:
我的 app.ios.js:
我的screens.js
我的 Home.js:
我的 About.js:
你可以在这里看到一个完整的要点:https ://gist.github.com/inchr/d0184f4ae91abd6036a2fa61725744c9
我已经对如何在 startTabBasedApp() 中加载选项卡进行了非常测试,并且我也尝试只加载一个屏幕。
关于闪屏后崩溃/关闭原因的任何想法?
谢谢。
react-native - #react-native [0.42] - Redux 的新导航 - 无法将状态映射到道具
注册护士:0.42
- 我尝试使用新的导航(已发布)+ redux,但我无法在商店通过的屏幕中将 redux 的初始状态映射到道具。
- 我跟着这个:https ://reactnavigation.org/docs/guides/redux
- 我已经编写了我的自定义减速器。
- 在 index.ios.js 中,我结合了我自己的自定义减速器
- 在 Home.js 中,“mapStateToProps”不起作用。
- 请注意,调度函数可用于触发,但“状态”没有附加减速器“初始状态”。
请让我知道在新的 RN 导航中将减速器初始状态附加到各种屏幕的正确方法。
javascript - React-Native-Navigation:未定义使用但尚未注册
我正在尝试使用 react-native 和react-native-navigation创建一个简单的应用程序。我已经下载并使用了 repo 中的示例,试图查看问题出在哪里,并查看了使用指南,但一切似乎都很好。
但是,当应用程序启动时会产生以下错误:
Navigation.getRegisteredScreen:未定义使用但尚未注册。
我查看了屏幕注册,但它的实现与示例或使用指南中的没有区别。
版本信息:
目前我正在针对 Android 而不是 iOS 构建,代码如下。任何指针最受欢迎:
index.android.js
应用程序.js
/src/screens/index.android.js
/src/screens/CodeScreen.js
/src/screens/HomeScreen.js
reactjs - 未正确调用组件构造函数
我是相当新的反应,我正在编写一个应用程序,将文本字符串格式化为看起来有点像 IOS 上的文本消息(请参阅我的渲染函数了解我的意思)。这是代码...
该组件是另一个组件的一部分,该组件具有其他元素,例如搜索栏、组部分以及导航项,这些都是我自己实现的。
当我导航到包含此组件的视图时,该组件不显示。从字面上看,没有任何渲染。但是,如果我离开该部分,然后返回它,一切都会按预期呈现。我想知道为什么会这样?
注意:如果我添加一个简单的
作为视图部分中的唯一元素,它按预期呈现。
注意2:提前为糟糕的代码道歉,我一直在尽一切努力让它工作。
对不起,如果我没有很好地解释这一点,但任何帮助将不胜感激
编辑:父添加
react-native - 如何使用 react-native-navigation 添加新屏幕(使用pepperoni-starter-pack)?
我正在尝试使用使用react-navigation的pepperoni-app-kit对移动应用程序进行原型设计。但是我发现自己无法向应用程序添加新屏幕;就好像屏幕不存在一样。
这是它的使用方式react-navigation
。我已经添加了Pizza
屏幕。
对于这个新屏幕,我模仿了入门包中的其他屏幕:
我也尝试过像在其他屏幕中所做的那样包装PizzaLocator
一个微不足道PizzaLocatorContainer
的(他们所做的最多的是connect(Thing)
),但这并没有改变任何事情。
我错过了什么?Pepperoni 使用的方式是react-navigation
非标准的吗?谢谢!
android - React Native 导航不起作用
我正在尝试使用 react-native 导航https://reactnavigation.org/在两个屏幕之间导航。它从 to 开始工作,index.js
但从toEnableNotification.js
不工作EnableNotification.js
CreateMessage.js
EnableNotification.js
CreateMessage.js
react-native - React-navigation tabbar 中间的大图标
如果这已在其他地方得到回答,请随时指出正确的方向,但我无法通过这里或谷歌找到它。也许我只是不知道这个东西的正确名称?
我目前正在使用 React-navigation(用于 react-native),我想知道是否可以使标签栏中心的一个图标比其他图标大,特别是当页面滚动时它背后的透明度。
此处模拟示例: 屏幕中间覆盖可滚动区域中的较大图标
如果这个库可以做到这一点,是否有人可以做到,以及如何实现?
我还想尝试一下 Wix 库 react-native-navigation 一旦他们实际发布了一个没有损坏的版本,错误的,实际上带有准确的文档,并且没有被当前版本的 react-native 损坏。(现在那里有点灾区,但它看起来非常好,所以我很想在它再次真正起作用时尝试一下),所以他们的图书馆是否有可能,我只需要等待尝试它出去?
react-native - 如何使用 react-native-navigation 将单屏应用程序转换为基于选项卡的应用程序?
我正在尝试使用 react-native-navigation,但我遇到了一个简单的问题。
该应用程序有一个没有标签的登录页面。(非常类似于 facebook 登录页面)(图片参考 - 图片只是为了给出一个想法。图片礼貌 - Google 用户登录后,我想转换为基于标签的应用程序,并且我希望两者都有不同的导航堆栈选项卡(就像在Quora这样的应用程序中发生的那样)(图片参考 -同样图片只是一个参考)
我正在使用 mobx 进行状态管理。
我知道这是一个常见的用例,但我对我知道的两个选项感到困惑 -
提供对用户登录变量的反应,并从单屏应用程序更改为基于选项卡的应用程序。(唯一的问题是当对 isLoggedIn 的反应发生时缺少动画)例如 - App.js
}
/li>使用单屏应用程序,但在主屏幕中实现选项卡。使用这种方法,我必须自己为两个选项卡实现不同的导航堆栈。(react-native-navigation 已经实现了这个。所以,不用担心方法 1 中关于导航堆栈的问题)
例如 - App.js
主页.js
在 react-native 中管理选项卡的最佳实践是什么?在我的用例中,我应该使用哪种方法?