问题标签 [tabbarios]

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 回答
408 浏览

react-native - onPress 事件触发 ListView Item 而不是 TabBarIOS Item

我有一个 react-native 应用程序,在屏幕底部有一个可滚动ListView的可点击项目。TabBarIOS我相信你明白了,但附上截图以防万一。

页面截图

出于某种原因,当我点击TabBarIOS.Item它时,它会触发下面的可点击项目,我不知道为什么。

发布我的渲染功能。如果有人能告诉我我做错了什么或提出一些我可以尝试的建议,我将不胜感激。提前致谢。

0 投票
1 回答
286 浏览

ios - 如何在 react-native 中的同一标签栏中的场景之间进行导航?

我在 ios react-native 应用程序中使用 Navigator,并且我有一个 Tabbar。但是其中一个选项卡的视图可能会导航到同一选项卡内的另一个视图。我怎样才能做到这一点?

我尝试渲染 2 个标签栏:

但是标签栏是随着视图的转换而呈现的......

0 投票
1 回答
234 浏览

react-native - 如何使用 react-native 让 TabBarIOS 弹出到导航堆栈的顶部?

我有以下 TabBarIOS.Item 设置:

我正在尝试根据 react native docs 中的此示例使用该事件onPress触发。但是,不同之处在于我希望触发 TabBarIOS事件而不是子组件。我怎样才能做到这一点?this.props.navigator.popToTop();onPresspopToTop()MyNavigatorIOS

0 投票
2 回答
812 浏览

react-native - 错误:元素类型无效,预期字符串(用于内置组件)或类/函数(用于复合函数)但未定义

我在 react native 中使用 TabBarIOS,并在 android 模拟器上运行它,但是在使用 TabBarIOS.Item 时出现以下错误Element type is invalid expected a string(for built in components) or a class/function (for composite functions) but got undefined check render method of Approvals

Approvals的render()方法如下

仅当我删除 TabBarIOS 并将其放置不给出任何错误时,此部分中的错误才会导致。请帮我解决这个问题。

0 投票
1 回答
206 浏览

react-native - 在 React-Native 中,如何为 TabBarIOS 中的每个 NavigatorIOS 选项卡调用 popToTop()?

我正在构建的应用程序有一个根客户端对象,它会影响应用程序的所有后续视图。我希望用户能够更改客户端并重置所有选项卡,即popToTop()并适当地更新客户端。

我有一个TabBarIOS带有 4 个选项卡的组件,每个选项卡都是一个NavigatorIOS管理后续组件的ListView组件。如何popToTop()根据客户端更改强制所有 NavigatorIOS 组件重新渲染?

提前致谢。

0 投票
1 回答
155 浏览

ios - 在 TabBarIOS 中使用图像〜低质量,色调破坏图像

我们正在使用 react-native 开发 iOS 应用程序。在这个应用程序中,我们正在使用该TabBarIOS组件。我们有五个选项卡,其中活动选项卡具有单独的图标,我们的图像布局如下:

在 TabBarIOS 组件中,我将 Items decared 如下:

在 iPhone4s、iPhone5 和 iPhone6s+ 中,图标都是低质量的,如果没有选择它们,它们也会被灰色覆盖,这完全破坏了图像。选择后,它们被蓝色默认色调覆盖。我尝试将色调设置为,transparent但这会使选项卡图标在其处于活动状态时不可见。

这种着色完全让我们退缩了,因为在标签栏中设置图标是我们推迟到最后的事情之一,因为它应该过于简单。事实证明这是更大的麻烦之一。

以前我们使用 UIWebView 并将 512x512 的图像缩小到大小以提高清晰度。我无法判断这些较小的图标是否只是质量非常低,或者是否由 TabBarIOS 组件本身呈现了模糊性。

编辑:图标上的命名问题已修复,即使在使用renderAsOriginal

0 投票
2 回答
2353 浏览

ios - 使用 React Native 隐藏在 TabBarIOS 后面的内容

我正在使用 React Native 构建一个 iOS 应用程序,并且正在实现一个TabBarIOS. 选项卡上的内容似乎在后面流动并被栏遮挡。在 xcode 中,我将取消选中“扩展边缘”框,但不确定如何使用 React Native 执行此操作。

这是我正在尝试做的事情的缩写版本。<View>来自CreateUser标签栏后面的流动。有没有一种简单的方法可以确保内容不会被标签栏遮挡?

0 投票
1 回答
827 浏览

react-native - React Native`alignItems:'flex-end'`隐藏TabBarIOS组件中的内容

这个问题与这个问题相似,但是我有不同的要求。我有一个<TabBarIOS>渲染<Camera>来自react-native-camera的组件。<Camera>我需要在组件底部但在组件上方放置一个按钮来拍照<TabBarIOS>

index.ios.js

CameraTab.ios.js

我尝试了各种方法,但是当alignItems: 'flex-end'处于容器组件的样式中时,捕获按钮总是隐藏的。

前

它应该看起来像这样:

在此处输入图像描述

编辑:我发现这个问题描述了一种解决方法(将按钮组件放在相机组件之外)。根据 RN 关于高度和宽度的文档,该解决方案似乎适用于所有屏幕尺寸。但是,这对我不起作用,因为我想要一个带有相机内图标的子视图。

0 投票
2 回答
1134 浏览

ios - 使用 TabBarIOS 在 React Native 中创建选项卡

我是 React 的新手,并试图遵循本教程。显然,它适用于旧版本的 react-native。所以我在代码不起作用时跟踪并调整代码。我正在使用ReactNative 0.41.

我的 index.ios.js:

这是错误:

NSMutableDictionary 类型的 json 值“{uri =featured;}”无法转换为图像。 文件未找到

0 投票
0 回答
30 浏览

json - 如何将道具传递给 TabBarIOS 中的另一个组件?

===================

MatchFacts 组件

在我的 TabBar.Item 选项卡中,我想传入 this.props.matchFacts 以便它可以在 MatchFacts 组件中使用。当我在包含“ MatchFacts propsToCall={this.props.matchFacts} ”的行上传递它时,我认为理论上应该将道具传递给下一个组件。当我尝试访问 MatchFacts 组件中的道具时,它不起作用。我相信我在我提供的代码行中做错了..