将参数从Child Tab-Navigator屏幕传递到父stack-navigator屏幕|反应本机导航

Question

我有嵌套导航器的问题： 我想将参数从（子导航器） tab-navigator 屏幕传递给（父导符） stack-navigator 带有反应导航 v6 的屏幕。

我的导航结构看起来像这样：

< STACK NAVIGATOR >:   : parent navigator 
    < some screens here .. />
   *< screen which will receive the params />
  
    < TAB NAVIGATOR >   : child navigator 
         < some screens here .. />
        *< screen which will send params />
    </ TAB NAVIGATOR** > 


</ **STACK NAVIGATOR** >

我不知道是否有一个内置的方式可以通过反应进行操作，尽管我确实搜索了一点，并且在文档中什么也没有发现，所以如果有任何有用的见解，我会是非常感谢。

Answer 1

您可以使全球状态通过儿童组成部分。
并确保将组件加载到屏幕上
＆lt; stack.screen＆gt;
/ *您的组件并按照下面说明的 */

＆lt;/stact.screen＆gt;

const [global,setGlobal]= useState('')


< STACK NAVIGATOR >:   : parent navigator 
      <Stack.Screen>
          {(props) => <Parent global={global} {...props} />}
      </Stack.Screen>
   *< screen which will receive the params />
  
    < TAB NAVIGATOR >   : child navigator 
/// put your component here.....
         <Tab.Screen name='Name'>
               {(props) => <Child setGlobal={setGlobal} {...props} />}
         <\Tab.Screen>

        *< screen which will send params />
    </ TAB NAVIGATOR** > 


</ **STACK NAVIGATOR** >

对你的孩子

const Child = ({setGlobal}) => {
    return <Button  onPress={()=> { setGlobal('newValue') }} />
}
export default Child