React：ナビゲーションオプション内でオブジェクトを取得

Question

ReactNavigationheaderRightセクション内の参照文字列でオブジェクトを取得しようとしていますが、以下のコードを実行するとメインクラスの正しいインスタンスが得られないように見えます"未定義はオブジェクトではありません。"

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

エラーは、静的関数内のインスタンス変数にアクセスしようとしているために発生します。あなたは、ナビゲーションオプションを構成する方法を考え直さなければならないでしょう。たとえば、PrimaryNavigatorに小道具を渡し、画面のすぐ後にStackNavigatorを作成するnavigationOptionsを設定することができます。