问题标签 [react-native-tabnavigator]

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 投票
2 回答
407 浏览

reactjs - 尝试设置选项卡导航器时出错

我目前收到错误消息'Get an invalid value for 'component' prop for screen 'Home'。它必须是一个有效的 React 组件。'' 我正在尝试将选项卡导航器链接到一系列不同的屏幕。请参阅下面的代码,并提前致谢。我显然是初学者哈哈

0 投票
6 回答
11907 浏览

reactjs - 设置选项卡导航器时出错 - 屏幕“主页”的“组件”道具的值无效

我目前收到错误消息'Get an invalid value for 'component' prop for screen 'Home'。它必须是一个有效的 React 组件。'' 我正在尝试将选项卡导航器链接到一系列不同的屏幕。请参阅下面的代码,并提前致谢。我显然是初学者哈哈

主页屏幕

0 投票
0 回答
189 浏览

react-native - 如何使用 setState 或 useState 与 react native 底部标签导航 v4

首先我想说对不起,因为我在这里的英语不好......

我想在 Route.js 文件中使用 setState 或使用 State 挂钩,但我不知道该怎么做。如果有人知道答案 - 请帮助我..

我使用了 asyncstorage,但它不会在数据更新后自动生效。它想要随时刷新或保存 Route.js 文件。

这是我的 Route.js 文件

那么我该怎么做呢?

以及如何通过导航屏幕传递这种状态..

谢谢..

0 投票
1 回答
11789 浏览

react-native - 在 React Native 应用程序中单击按钮打开另一个屏幕

我是 React Native 的新手。

我在AlbumScreen组件中有一个相册列表。单击一个相册时,我需要打开另一个屏幕,其中包含相册内的所有图片。

这是我的主要App组成部分:

在我的 AlbumScreen 组件中,我使用super(props). 我<Button />要移动到另一个屏幕DetailsScreen

这里给出了我的 DetailsS​​creen(来自React Native Navigation doc的示例):

当我单击 时<Button />,出现以下错误:

我想念一些东西:你能帮我弄清楚为什么它不切换到 DetailsS​​creen 吗?非常感谢。

0 投票
0 回答
215 浏览

react-native - React Native Navigation:在嵌套在堆栈导航器中的选项卡导航器中组织组件引用的最佳方式?

在我的 React Native 应用程序中,我有一个称为堆栈导航器的堆栈导航器StackNavigator,其中包含两个选项卡导航器TabNavigator1TabNavigator2. TabNavigator1包含屏幕TabNavigator1_Screen1TabNavigator1_Screen2,并且TabNavigator1包含TabNavigator2_Screen1, 和TabNavigator2_Screen2。从所有这四个屏幕中,用户需要能够导航到各种其他屏幕、Screen1Screen2Screen3

我在用着react-navigation@4.x

我想知道的:

引用 、 和 的最佳位置Screen1Screen2哪里Screen3?我知道我可以添加它们的唯一地方是在定义StackNavigator. 所以我会做

然后进入TabNavigator1并将TabNavigator1他们的导航道具传递给屏幕

这样就TabNavigator1_Screen1可以导航到Screen1with this.props.screenProps.navigation.navigate('Screen1')

有没有一种方法可以组织所有这些屏幕引用,以便我定义屏幕可以导航到的特定屏幕,TabNavigator1以及屏幕可以导航到的其他屏幕TabNavigator1

0 投票
2 回答
466 浏览

react-native - 如何防止返回登录屏幕反应式

以下是我的登录和索引文件,登录后如果按下返回键,它会返回登录。我是新来的本地人,请告知。我在过去的一周里被困住了。我正在使用博览会开发

登录.js

这是导航路径。我直接从堆栈导航导航到底部标签导航。

索引.tsx

0 投票
1 回答
153 浏览

reactjs - 错误:元素类型无效 React Native

当我在 android 上启动我的应用程序时,出现错误:元素类型无效:预期为字符串(用于内置组件)或类/函数(用于复合组件)但得到:未定义。您可能忘记从定义组件的文件中导出组件,或者您可能混淆了默认导入和命名导入。

这是我的 Navigation.js

0 投票
0 回答
396 浏览

react-native - React Native Tab Navigator 第一个选项卡默认聚焦

我正在使用 React Native BottomTabNavigator。

例子:

我想让最后一个标签而不是第一个标签集中。我在文档中找不到任何选项。

它应该类似于 options={{focused: true }} 或者它根本没有实现

0 投票
0 回答
53 浏览

react-native - Material Top Tab Navigator React Native 中的 AsyncStorage 访问

当用户登录系统时,我想更改用户个人资料图片。材质选项卡导航器左侧角落的用户头像。当用户登录系统时,我将图像 url 存储在 AsyncStorage 中作为profilePic

我想访问 AsyncStorage 并在此处获取个人资料图片。

我尝试了很多方法。但我不能这样做。在这里,我附上了我的代码。任何人都知道这里的访问 AsyncStorage,请帮助我..

0 投票
1 回答
268 浏览

react-native - 如何在本机反应中重置嵌套导航器中的导航堆栈状态

我的代码类似于以下。假设目前我的导航堆栈历史是:

屏幕 A> 屏幕 B> 屏幕 D。

从屏幕 D 按下按钮我想重置我的导航堆栈状态/历史,如下所示:屏幕 A> 屏幕 F

但我收到此错误: