react-native - 无法从导航选项内部访问道具

Question

我正在使用该StackNavigator库，但无法弄清楚如何从 navigationOptions 中访问道具。

在我的呼叫课程中，我有：

navigate("TestView", { mdata: mdataObject })

在我的 TestView 类中，我有以下内容：

static navigationOptions = {
    title: this.props.navigation.state.params.mdata.title
}

但是，我收到以下错误：

找不到未定义的属性“导航”

我已经确认我可以this.props.navigation.state.params.mdata.title从 componentDidMount() 函数访问，所以那里有数据。

为什么我从 navigationOptions 函数中收到此错误，我该怎么做才能修复它？

另外，我将 navigateOptions 称为一个函数，但不确定它是否正确。我应该怎么称呼它？

score 6 · Accepted Answer

在 navigationOptions 访问导航道具：

static navigationOptions = ({ navigation }) => ({
  title: navigation.state.params.mdata.title // your case
})

1 回答 1