时间戳

首页 > 解决方案 > 将 prop 从组件传递到堆栈导航器

react-native - 将 prop 从组件传递到堆栈导航器

问题描述

我在底部标签栏的图标组件上呈现了一个徽章。徽章应该与我从屏幕内的异步调用接收到的数据长度相对应。如何向bottomTabNavigator发送异步调用的长度，在屏幕内调用

当返回 responseJson 时，我尝试像这样调度一个事件：

 const setParamsAction = NavigationActions.setParams({
              params: { badge: responseJson.length },
            });
 this.props.navigation.dispatch(setParamsAction);

但是当我从 createMaterialBottomTabBar 中创建路线的导航选项中获取导航参数时，导航状态为空。

标签： react-nativereact-navigation

解决方案

答：你得把 NavigationAction 的 key 属性设置为你的路由，然后在 navigation.state 路由中直接访问

推荐阅读