在两个React Native Tab场景之间共享数据

时间:2017-10-05 10:02:18

标签: react-native react-native-router-flux

所以我通过react-native-router-flux创建了两个标签场景,如下所示。

默认选项卡场景有一个Map,而另一个有相同数据的列表视图。

检测到位置后,数据将通过redux调度并显示在地图上。

如何在另一个标签中以listview的形式显示相同的数据,而无需再次单独调用?

<Scene key={'tabBar'} tabs 
        tabBarIconContainerStyle={AppStyles.tabBarIconContainer} 
        pressOpacity={0.95}>
        <Scene
            {...AppConfig.navbarProps}
            key={'map'}
            component={MapScreen}
            icon={props => TabIcon({ ...props, icon: 'map-marker' })}
        ></Scene>
        <Scene
            {...navbarPropsTabs}
            key={'home'}
            component={FeedScreen}
            icon={props => TabIcon({ ...props, icon: 'view-list' })}
        ></Scene>
    </Scene>

1 个答案:

答案 0 :(得分:1)

如果你没有将redux道具传递给一个状态,并且直接传递给第二个视图的渲染/返回,那么一旦redux道具改变就应该重新渲染。如果需要将它们传递给某个状态,则可以使用componentWillRecieveProps在更改状态时将新的props传递给状态。如果您可以发布代码,我很乐意尝试提供更多帮助。