问题标签 [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.
reactjs - 尝试设置选项卡导航器时出错
我目前收到错误消息'Get an invalid value for 'component' prop for screen 'Home'。它必须是一个有效的 React 组件。'' 我正在尝试将选项卡导航器链接到一系列不同的屏幕。请参阅下面的代码,并提前致谢。我显然是初学者哈哈
reactjs - 设置选项卡导航器时出错 - 屏幕“主页”的“组件”道具的值无效
我目前收到错误消息'Get an invalid value for 'component' prop for screen 'Home'。它必须是一个有效的 React 组件。'' 我正在尝试将选项卡导航器链接到一系列不同的屏幕。请参阅下面的代码,并提前致谢。我显然是初学者哈哈
主页屏幕
react-native - 如何使用 setState 或 useState 与 react native 底部标签导航 v4
首先我想说对不起,因为我在这里的英语不好......
我想在 Route.js 文件中使用 setState 或使用 State 挂钩,但我不知道该怎么做。如果有人知道答案 - 请帮助我..
我使用了 asyncstorage,但它不会在数据更新后自动生效。它想要随时刷新或保存 Route.js 文件。
这是我的 Route.js 文件
那么我该怎么做呢?
以及如何通过导航屏幕传递这种状态..
谢谢..
react-native - 在 React Native 应用程序中单击按钮打开另一个屏幕
我是 React Native 的新手。
我在AlbumScreen
组件中有一个相册列表。单击一个相册时,我需要打开另一个屏幕,其中包含相册内的所有图片。
这是我的主要App
组成部分:
在我的 AlbumScreen 组件中,我使用super(props)
. 我<Button />
要移动到另一个屏幕DetailsScreen
:
这里给出了我的 DetailsScreen(来自React Native Navigation doc的示例):
当我单击 时<Button />
,出现以下错误:
我想念一些东西:你能帮我弄清楚为什么它不切换到 DetailsScreen 吗?非常感谢。
react-native - React Native Navigation:在嵌套在堆栈导航器中的选项卡导航器中组织组件引用的最佳方式?
在我的 React Native 应用程序中,我有一个称为堆栈导航器的堆栈导航器StackNavigator
,其中包含两个选项卡导航器TabNavigator1
和TabNavigator2
. TabNavigator1
包含屏幕TabNavigator1_Screen1
和TabNavigator1_Screen2
,并且TabNavigator1
包含TabNavigator2_Screen1
, 和TabNavigator2_Screen2
。从所有这四个屏幕中,用户需要能够导航到各种其他屏幕、Screen1
、Screen2
和Screen3
。
我在用着react-navigation@4.x
我想知道的:
引用 、 和 的最佳位置Screen1
在Screen2
哪里Screen3
?我知道我可以添加它们的唯一地方是在定义StackNavigator
. 所以我会做
然后进入TabNavigator1
并将TabNavigator1
他们的导航道具传递给屏幕
这样就TabNavigator1_Screen1
可以导航到Screen1
with this.props.screenProps.navigation.navigate('Screen1')
。
有没有一种方法可以组织所有这些屏幕引用,以便我定义屏幕可以导航到的特定屏幕,TabNavigator1
以及屏幕可以导航到的其他屏幕TabNavigator1
?
react-native - 如何防止返回登录屏幕反应式
以下是我的登录和索引文件,登录后如果按下返回键,它会返回登录。我是新来的本地人,请告知。我在过去的一周里被困住了。我正在使用博览会开发
登录.js
这是导航路径。我直接从堆栈导航导航到底部标签导航。
索引.tsx
reactjs - 错误:元素类型无效 React Native
当我在 android 上启动我的应用程序时,出现错误:元素类型无效:预期为字符串(用于内置组件)或类/函数(用于复合组件)但得到:未定义。您可能忘记从定义组件的文件中导出组件,或者您可能混淆了默认导入和命名导入。
这是我的 Navigation.js
react-native - React Native Tab Navigator 第一个选项卡默认聚焦
我正在使用 React Native BottomTabNavigator。
例子:
我想让最后一个标签而不是第一个标签集中。我在文档中找不到任何选项。
它应该类似于 options={{focused: true }} 或者它根本没有实现
react-native - Material Top Tab Navigator React Native 中的 AsyncStorage 访问
当用户登录系统时,我想更改用户个人资料图片。材质选项卡导航器左侧角落的用户头像。当用户登录系统时,我将图像 url 存储在 AsyncStorage 中作为profilePic。
我想访问 AsyncStorage 并在此处获取个人资料图片。
我尝试了很多方法。但我不能这样做。在这里,我附上了我的代码。任何人都知道这里的访问 AsyncStorage,请帮助我..
react-native - 如何在本机反应中重置嵌套导航器中的导航堆栈状态
我的代码类似于以下。假设目前我的导航堆栈历史是:
屏幕 A> 屏幕 B> 屏幕 D。
从屏幕 D 按下按钮我想重置我的导航堆栈状态/历史,如下所示:屏幕 A> 屏幕 F
但我收到此错误: