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

时间:2017-07-05 14:38:35

标签: reactjs react-native react-navigation

我试图通过ReactNavigation headerRight部分中的引用字符串来获取对象,但是,好像我没有得到正确的主类实例,因为运行下面的代码产生“未定义不是对象。”

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”访问对象?

感谢。

1 个答案:

答案 0 :(得分:1)

发生错误是因为您尝试访问静态函数中的实例变量。您必须重新考虑配置导航选项的方式。例如,您可以将道具传递到$sql8并设置PrimaryNavigator,在屏幕后面创建navigationOptions