问题标签 [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.

0 投票
1 回答
1017 浏览

javascript - 在函数内导出对象

我正在尝试编写功能性无状态组件,但这样做遇到了问题。我包装Navigator在一个以 props 作为参数的函数中(这些是任意的)。被包装的组件当前定义如下,因为它在该组件的减速器中使用。

这可行,但理想情况下,我希望能够将 实例Navigator化为函数中的局部变量NavigatorView,并在那里导出,以便我可以灵活地在实例化时设置哪些属性(如下所示)。

这里的问题如下,我怎样才能导出Navigator在reducer中使用)同时保持它包装在一个函数中?我试过了module.exports = Navigator;export const Navigator...但它们不起作用。谢谢。

0 投票
1 回答
1039 浏览

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() 中加载选项卡进行了非常测试,并且我也尝试只加载一个屏幕。

关于闪屏后崩溃/关闭原因的任何想法?

谢谢。

0 投票
1 回答
378 浏览

react-native - #react-native [0.42] - Redux 的新导航 - 无法将状态映射到道具

注册护士:0.42

  1. 我尝试使用新的导航(已发布)+ redux,但我无法在商店通过的屏幕中将 redux 的初始状态映射到道具。
  2. 我跟着这个:https ://reactnavigation.org/docs/guides/redux
  3. 我已经编写了我的自定义减速器。

  1. 在 index.ios.js 中,我结合了我自己的自定义减速器

  1. 在 Home.js 中,“mapStateToProps”不起作用。

  1. 请注意,调度函数可用于触发,但“状态”没有附加减速器“初始状态”。

请让我知道在新的 RN 导航中将减速器初始状态附加到各种屏幕的正确方法。

0 投票
1 回答
2553 浏览

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

0 投票
1 回答
1201 浏览

reactjs - 未正确调用组件构造函数

我是相当新的反应,我正在编写一个应用程序,将文本字符串格式化为看起来有点像 IOS 上的文本消息(请参阅我的渲染函数了解我的意思)。这是代码...

该组件是另一个组件的一部分,该组件具有其他元素,例如搜索栏、组部分以及导航项,这些都是我自己实现的。

当我导航到包含此组件的视图时,该组件不显示。从字面上看,没有任何渲染。但是,如果我离开该部分,然后返回它,一切都会按预期呈现。我想知道为什么会这样?

注意:如果我添加一个简单的

作为视图部分中的唯一元素,它按预期呈现。

注意2:提前为糟糕的代码道歉,我一直在尽一切努力让它工作。

对不起,如果我没有很好地解释这一点,但任何帮助将不胜感激

编辑:父添加

0 投票
1 回答
440 浏览

react-native - react-native-navbar状态栏颜色在android上没有改变

我正在使用 react-native-navbar,我做错了吗?状态栏颜色没有改变。它适用于iphone,但不适用于android。我的代码如下

在此处输入图像描述

0 投票
1 回答
669 浏览

react-native - 如何使用 react-native-navigation 添加新屏幕(使用pepperoni-starter-pack)?

我正在尝试使用使用react-navigation的pepperoni-app-kit对移动应用程序进行原型设计。但是我发现自己无法向应用程序添加新屏幕;就好像屏幕不存在一样。

这是它的使用方式react-navigation。我已经添加了Pizza屏幕。

对于这个新屏​​幕,我模仿了入门包中的其他屏幕:

我也尝试过像在其他屏幕中所做的那样包装PizzaLocator一个微不足道PizzaLocatorContainer的(他们所做的最多的是connect(Thing)),但这并没有改变任何事情。

我错过了什么?Pepperoni 使用的方式是react-navigation非标准的吗?谢谢!

0 投票
2 回答
5266 浏览

android - React Native 导航不起作用

我正在尝试使用 react-native 导航https://reactnavigation.org/在两个屏幕之间导航。它从 to 开始工作,index.js但从toEnableNotification.js不工作EnableNotification.jsCreateMessage.js

EnableNotification.js

CreateMessage.js

0 投票
1 回答
5445 浏览

react-native - React-navigation tabbar 中间的大图标

如果这已在其他地方得到回答,请随时指出正确的方向,但我无法通过这里或谷歌找到它。也许我只是不知道这个东西的正确名称?

我目前正在使用 React-navigation(用于 react-native),我想知道是否可以使标签栏中心的一个图标比其他图标大,特别是当页面滚动时它背后的透明度。

此处模拟示例: 屏幕中间覆盖可滚动区域中的较大图标

如果这个库可以做到这一点,是否有人可以做到,以及如何实现?

我还想尝试一下 Wix 库 react-native-navigation 一旦他们实际发布了一个没有损坏的版本,错误的,实际上带有准确的文档,并且没有被当前版本的 react-native 损坏。(现在那里有点灾区,但它看起来非常好,所以我很想在它再次真正起作用时尝试一下),所以他们的图书馆是否有可能,我只需要等待尝试它出去?

0 投票
2 回答
875 浏览

react-native - 如何使用 react-native-navigation 将单屏应用程序转换为基于选项卡的应用程序?

我正在尝试使用 react-native-navigation,但我遇到了一个简单的问题。

该应用程序有一个没有标签的登录页面。(非常类似于 facebook 登录页面)(图片参考 - 图片只是为了给出一个想法。图片礼貌 - Google 用户登录后,我想转换为基于标签的应用程序,并且我希望两者都有不同的导航堆栈选项卡(就像在Quora这样的应用程序中发生的那样)(图片参考 -同样图片只是一个参考

我正在使用 mobx 进行状态管理。

我知道这是一个常见的用例,但我对我知道的两个选项感到困惑 -

  1. 提供对用户登录变量的反应,并从单屏应用程序更改为基于选项卡的应用程序。(唯一的问题是当对 isLoggedIn 的反应发生时缺少动画)例如 - App.js

    }

    /li>
  2. 使用单屏应用程序,但在主屏幕中实现选项卡。使用这种方法,我必须自己为两个选项卡实现不同的导航堆栈。(react-native-navigation 已经实现了这个。所以,不用担心方法 1 中关于导航堆栈的问题)

例如 - App.js

主页.js

在 react-native 中管理选项卡的最佳实践是什么?在我的用例中,我应该使用哪种方法?