如何使用React-Native-Navigation V2将Mobx存储从另一个屏幕传递到BottomTab？

Question

我对React Native还是比较陌生，对于将MobX与React Native Navigation（由Wix结合）并通过商店感到有些困惑。

一个具体的例子：

我有一个单一的Login组件作为根，它的包装器中使用Provider注入了一个商店，而该组件中的inject注入了商店，例如，使用用户名更新了商店，最后调用了称为goToMain的方法，该方法设置了底部的标签布局。

export const goToMain = () => Navigation.setRoot({
root: {
    bottomTabs: {
        children: [{
            stack: {
                children: [{
                    component: {
                        name: "Tab1",
                        passProps: {
                            text: 'This is tab 1'
                        }
                    } 
                }],
                options: {
                    bottomTab: {
                        text: "Tab1",
                        icon: require('../../assets/icons/test_tab_icon.png'),
                        testID: "TAB_"'
                    }
                }
            }
        },
        {
            stack: {
                children: [{
                    component: {
                        name: "Tab2",
                        passProps: {
                            text: "This is tab 2"
                        }
                    } 
                }],
                options: {
                    bottomTab: {
                        text: "Tab2",
                        icon: require('../../assets/icons/test_tab_icon.png'),
                        testID: "TAB_2"
                    }
                }
            }
        }]
    }
}

到目前为止，还不错，但是我想将商店从Login传递到选项卡，以便他们可以访问商店中的用户名或其他属性，但是我不知道该怎么做。 / p>

我是否必须处理屏幕和root的结构，或者可能以其他方式使用Provider？

很高兴听到有关该主题的专家意见。 ：）