React：在导航选项中获取对象

Question

我试图通过 ReactNavigation headerRight 部分中的引用字符串获取对象，但是，我似乎没有获得主要 class 的正确实例作为运行下面的代码产生一个 "undefined is not an object."

import React from 'react';
import { View, Text } from 'react-native';
import { StackNavigator } from 'react-navigation';

export default class App extends React.Component {
  render(){
    return <PrimaryNavigator/>;
  }
}

export const PrimaryNavigator = StackNavigator({
  Primary: {
    screen: Primary,
  }
});

export default class Primary extends React.Component {
  static navigationOptions = {
    title: 'Title',
    headerRight: <Text>{this.ref1.accessible}</Text>
  };

  return (
    <View ref="ref1">
    </View>
   );
  }
}

我应该如何访问 navigationOptions 部分中引用 "ref1" 的对象？

谢谢。

Answer 1

发生错误是因为您试图访问静态函数内的实例变量。您必须重新考虑配置导航选项的方式。例如，您可以将 props 传递给 PrimaryNavigator 并设置 navigationOptions 在屏幕之后创建 StackNavigator 的位置。

React：在导航选项中获取对象

React: Get Object within Navigation Options

reactjs

react-native

react-navigation