使用react导航v5时，renderIcon不是一个函数

文章/答案/技术大牛

发布

1回答

reactjs、react-native、react-navigation

我想在我的底部选项卡导航器中添加自定义图标。但是，每当我尝试使用tabBarIcon时，我都会遇到这样的错误: renderIcon不是一个函数(在TabBarIcon.tsx第40行)。以下是我的依赖项： "@react-navigation/bottom-tabs": "^5.8.0", "@react-navigation/material-b

浏览 17提问于2020-08-10得票数 0

回答已采纳

2回答

React Native。如果用户未通过身份验证，则导航到登录/注册屏幕

react-native、navigation

我正在设计一个标签式应用程序。当应用程序启动时，它会检查用户是否通过了身份验证，如果是，它会呈现应用程序的主选项卡，但如果用户没有通过身份验证，则应该呈现SignIn屏幕。SignIn不是一个选项卡，而是一个单独的屏幕。它有一个“注册”按钮，必须打开SignUp屏幕。当在SignUp屏幕上按下"back“按钮时，将打开SignIn屏幕。import React, { Component } from 'react&

浏览 0提问于2017-03-23得票数 0

2回答

带有选项卡的React本机导航注销功能

javascript、firebase、react-native、firebase-authentication、ex-navigation

我正在尝试用我的应用程序实现登录/注销功能，使用ex导航： return (logout = () => { firebase.auth().signOut().then(()

浏览 4提问于2017-06-20得票数 1

1回答

如何将抽屉导航和Tab导航一起使用在react中？？本机与前导航一起使用。

react-native、navigation、expo、ex-navigation

我正在构建一个应用程序的反应-本机和实现导航与。我希望使用TabNav来快速访问最常用的特性，并将DrawerNav用于应该可用但不经常使用的功能。我搜索并尝试自己，但我不能有一个抽屉和标签导航在一起。前有两个，但不是在一起。它从抽屉导航开始，当我单击Tab导航示例时，抽屉图标就消失了。有没有人有一些技巧/提示来完成这件事？

浏览 5提问于2017-05-16得票数 1

回答已采纳

1回答

如何使用react和typescript调用其他函数中的函数？

reactjs、graphql

我有一个父组件，我在其中调用一个函数来返回jsx。下面是我的代码， const renderIcon = () => { );现在，我又添加了一个函数来重构重复的代码，如下所示 return ( <firstdiv>

浏览 6提问于2020-05-13得票数 0

回答已采纳

3回答

如何在React/Jsx中调用呈现内部的函数

javascript、reactjs、function、render、jsx

我想在一些嵌入的html中调用一个函数。我尝试了以下方法，但没有调用该函数。这是在render方法中调用函数的不正确方式吗？import React, { Component, PropTypes } from 'react'; super(props); check

浏览 1提问于2016-10-28得票数 76

回答已采纳

3回答

异步和等待呼叫火力基地没有等待。

javascript、firebase、react-native

我有一个类似约会的应用程序，我希望能够查询新的匹配，每次用户点击“连接”选项卡按钮。 getMatchesMethod(); // return unsubcribe.

浏览 3提问于2020-03-31得票数 0

回答已采纳

1回答

一个组件只挂载一次，不要再卸载一次

react-native

也许我认为可以解决我的问题的方法不是正确的。很高兴听到你的想法。我得到了：并追踪到一个组件，该组件位于状态栏的headerRightdataOperations是一个NativeModules类，它与一些执行后台同步并将状态发送给RN

浏览 2提问于2020-05-10得票数 0

2回答

使用react原生动画来回旋转徽标

reactjs、react-native、animation、react-navigation

我正在尝试使菜单徽标在单击时旋转。当它向上旋转时，我成功地获得了旋转，但它只是在向下旋转时直接转到0，而不是通过旋转动画。这是我的组件： import React from 'react';import/styles'; route, r

浏览 59提问于2019-02-24得票数 2

回答已采纳

1回答

如何在React中导航到嵌套导航器中的另一个屏幕？

reactjs、react-native、react-navigation

我刚刚实现了底部导航栏，现在我似乎需要改变在屏幕之间导航的方式。我以前就是这么做的：但是现在它不起作用了，它显示了这样的信息： export default class my_profile extends Component {} FYI:我不是使用函

浏览 6提问于2020-09-06得票数 2

1回答

类型“ConnectedComponentClass<>”不能赋值给类型“ComponentType<DrawerItemsProps>”

typescript、react-native、react-navigation、react-navigation-drawer

所以我在我的react原生项目中使用了react导航和typescript和redux，但是当我为drawerNavigator设置contentComponent属性时，我在typescript中得到了这个错误SomeClass' is missing the following properties from type 'DrawerItemsProps': navigation, items, getLabel, renderIcon

浏览 35提问于2019-02-08得票数 0

1回答

未定义不是对象(计算“”navigation.navigate“”) React* Native*

javascript、react-native、react-navigation

我在react导航中遇到了一个问题，错误消息“未定义的不是一个对象(计算'navigation.navigate')”。尝试通过另一个路由上的按钮调用屏幕时出错 export default function Estruturas({ title, display, navigation }) {return ( <MyTabs /

浏览 0提问于2020-07-08得票数 0

1回答

将线性梯度用于headerBackground

react-native、expo

我刚刚开始使用react native，所以我为这个愚蠢的问题道歉。尝试改变标题颜色和添加渐变，不确定我做错了什么。所有内容都可以编译，但是头文件保持为白色。

浏览 24提问于2020-04-10得票数 0

1回答

使用DrawerNavigation进行前导航登录

react-native、exponentjs

我建立了基于的导航我有一个<Main/>组件，它呈现一个<DrawerNavigationMenu/>，如示例中的.This是my <DrawerNavigationMenu_renderTitle('Home', isSelected)}

浏览 3提问于2016-10-19得票数 0

2回答

在循环中呈现重复组件

javascript、reactjs、react-native

我想重构下面的代码，使用一个循环来显示多个图标。我尝试过寻找示例，但到目前为止，我发现在数组上使用了map，但我没有数组或任何集合。

浏览 9提问于2019-06-20得票数 1

回答已采纳

1回答

如何在function路由器v6中创建导航包装函数

reactjs、react-router、react-router-dom

我正在使用react-router v5，我想升级到v6。有一个问题:我有许多组件，并在其中使用useHistory，但我不想一个一个地将它们更改为useNavigate，而不是编写一个助手函数，用于在react路由器v6中导航(历史)，然后使用该辅助器(包装)函数。问题是:如何在react路由器useNavigate中为v6编

浏览 12提问于2022-10-17得票数 0

1回答

将React导航v4深度链接配置迁移到React导航v5时出现问题

react-native、react-navigation、deep-linking、react-navigation-v5、react-navigation-stack

将我的深层链接从React导航v4迁移到React导航v5时遇到了一些问题。 path: "discover/activites/:id"

浏览 27提问于2021-09-10得票数 0

2回答

通过路由道具将状态从子节点共享到父节点

react-native、react-native-navigation

我是React领域的新手，我想知道如何在两个组件之间共享状态。解决方案包括将组件的状态作为道具从父组件路由到子组件，并使用此道具设置子组件的状态。从子节点到父节点，将更新后的状态作为道具进行路由，并使用useEffect设置新状态。代码可以工作，但我不确定这是正确的方式。因此，我可以通过一个简单的函数删除数组中的项，然后返回到HomeScreen并按下DONE按钮发送更新状态。

浏览 0提问于2020-04-07得票数 1

2回答

如何从操作文件进行导航调用

react-native、redux、react-redux、react-navigation

在我的react原生应用中使用react导航v5和redux时，如何从动作文件触发导航？有没有更好的方法来做到这一点呢？当结果完成时，我想触发导航到下一个屏幕，但我不能使用useNavigation()。谢谢。

浏览 22提问于2020-04-07得票数 1

回答已采纳

1回答

react导航tabBarComponent无法读取未定义的属性"key“

react-navigation

react导航的文档对我来说，除了简单地改变颜色之外，如何定制tabBarComponent，对我来说非常不清楚。(renderIcon，getButtonComponent) 关于这些函数的文档很弱，但是看一下代码，它们似乎都需要一个包含key、routeName等的“路由”对象。route => ) export default TabNavigator 最终，我希望能够编写自己的代码来包含选项卡，而不是

浏览 23提问于2019-02-01得票数 1

回答已采纳

点击加载更多