问题标签 [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.
react-native - 如何在 react-native 的 createBottomTabNavigator() 中加载自定义选项卡图标
我在 StackNavigator 中使用 TabNavigator,我可以将道具从 StackNavigator 传递给 TabNavigator,它有四个选项卡。
其中一个名为配置文件的选项卡具有图像图标,从 URL 加载。每当我来自登录或启动屏幕时,我都可以显示来自 URL 的图像。但问题是一旦用户更改个人资料图片,我无法更新个人资料选项卡中的个人资料图标。
这是我的代码:
这是主 StackNavigator:
这是 TabNavigator:
现在,当我在 EditProfile.js(Profile Stack Navigator 的子组件)中更改个人资料图片时,现在如何更新个人资料选项卡中的图标?
EditProfile:我将用户数据保存在 AsyncStorage 中。
如上所述,每当我从登录屏幕进入时,我都可以更新配置文件选项卡中的配置文件图标。
javascript - 为什么当 redux 存储更新时我的组件不重新渲染?
我正在使用 React Native,我正在尝试通过向商店发送操作来更新我的 HomeScreen 组件,但是当商店的状态发生变化时,该组件不会自动重新渲染,我不确定是不是因为我连接不正确,或者我的导航设置不正确。
我已经尝试了标准的 Redux 语法,连接我的组件,调度一个动作,并更新减速器。但是,尽管状态有新的变化,但我的组件不会在状态变化时重新渲染。
这是我的组件的样子:
我的行动:
我的减速机:
如果有帮助,这是我的导航:
和 App.js:
我希望 HomeScreen 组件在商店中的状态更改时自动重新渲染。但唯一发生的事情是商店正在更新,并且组件不会自动重新渲染。
任何帮助将不胜感激。
android - 我在反应原生时出错 null is not an object ''evalating _ReanimatedModule.default.configureProps'
我在 linux 机器上安装了 react native。我想在我的练习代码中实现 createBottomTabNavigator。我在其中创建了 5 个文件夹和 index.js。导航.js:
和主要的 index.js:
现在当我在 genymotion 中运行时出现错误:
- null 不是对象''评估_ReanimatedModule.default.configureProps'
我的 package.json:
react-native - 如何更改 createBottomTabNavigator 的高度和位置
我的项目上有一个 createBottomTabNavigator。默认情况下,选项卡具有特定的高度和底部位置。如何更改代码的位置和高度:
导出默认 createAppContainer(Navigate);
react-native - 一个 React Native 屏幕可以包含在两个不同的堆栈导航器中吗?
是否有任何理由不应将屏幕包含在两个不同的堆栈导航器中?
我希望它在两个堆栈导航器中都具有平滑的流式页面转换和后退按钮以平滑地返回上一页。在下面的示例中,ContactScreen
出现两次:
react-native - 如何从抽屉导航器菜单导航到特定选项卡
从抽屉项目中按下时,我必须导航到特定选项卡。我搜索了很多,但找不到与我的问题有关的任何内容
我试图按照此导航操作链接,但无法找到如何实现它 从抽屉导航器导航到特定选项卡。
当我按下抽屉菜单上的“Screen3”时,它应该导航到选项卡导航器中的“已接受”屏幕。当我按下抽屉菜单上的“Screen4”时,它应该导航到选项卡导航器中的“正在进行”屏幕。当我在抽屉菜单上按“Screen5”时,它应该导航到选项卡导航器中的“已完成”屏幕。有什么办法可以实现吗?谢谢
reactjs - createMaterialTopTabNavigator inside a CardView?
how can place createMaterialTopTabNavigator inside a CardView?
I want to achieve the design shown in the below screenshot
I am not understanding where should i write the createMaterialTopTabNavigator, should i write it in the same page or should i write it in the RootScreen (Where multiple navigators are present eg: StackNavigator and BottomTabNavigator)
how should i go about creating this?
react-native - 访问 TabNavigator 内部的上下文?反应原生
我目前有一个嵌套在堆栈导航器中的选项卡导航器。
我一直在尝试调整我的选项卡导航器,以便它能够利用useContext()
钩子有条件地显示选项卡,但没有任何运气。
这是我的navigation.js
文件:
'myInfo' 来自我的上下文。
和我的App.js
文件:
任何帮助都非常感谢,因为我是 React Native 的新手,并且一直试图找到一个有效的答案。
谢谢!
react-native - 屏幕和标题在反应导航中闪烁
我正在使用 react-navigation 来导航屏幕。在这里,我使用了 TabBarBotoom 和堆栈导航器。
headerRight(标题右侧有 3 个图标)位于 stacknavigator 内,因此在导航时它会闪烁。对此的任何解决方案。在标题那里?
版本:
“反应导航”:“^3.2.3”
“反应”:“16.8.1”,
反应原生 cli:2.0.1
反应原生:0.58.4