从抽屉导航器中反应原生传递值

Question

在App.js中

const MyApp = createDrawerNavigator({
    Home: {
        screen: Home
    },

    Form: {
        screen: Form // how to pass value Id = 0
    },
    {
      ....
     }
})

在Form.js中

componentDidMount() {
    if (this.props.navigation.getParam('Id', 1) !== 0) {
        ...
    }
    else {
        ...
    }
}

谁能告诉我如何实现这一目标？

提前致谢

Answer 1

使用屏幕道具：

const MyApp = createDrawerNavigator({
    Home: {
        screen: Home
    },

    Form: {
        screen: props => <Form {...props} id={0} />
    },
    {
      ....
     }
})

在<Form {..props} id={0} />中，您需要使用{... props}传递所有道具，以便导航正常工作。

然后，您可以从“表单”屏幕访问道具并根据您的用例使用它。