オブジェクトがリアクションの子として有効でない（リアクションのナビゲーション）

Question

React Navigationを使用しています。StackNavigatorに右のボタンを追加します。右ボタンを追加した後、そのようなエラーが発生します：

Object is not valid as React child (found: object with keys {right}). If you meant to render a collection of children, use an array instead

このエラーを解決するにはどうすればよいですか？ここで

はコードです：

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

class ReviewScreen extends Component { 

    static navigationOptions = { 
     title: 'Review Jobs', 
     header:() => { 
      return { 
       right: <Text>Go right</Text> 
      }; 
     } 
    } 

    render(){ 
     return (
      <View> 
       <Text>ReviewScreen</Text> 
      </View> 


     ); 
    } 
} 

export default ReviewScreen; 

Answer 1

がheaderを使用しないでください。 headerは、プレーンなオブジェクトではなく、ヘッダー全体を表すリアクションコンポーネントが必要です。 headerRightを使用します。

static navigationOptions = { 
    title: 'Review Jobs', 
    headerRight: <Text>Go right</Text> 
} 

Answer 2

あなたはヘッダオプションでオブジェクトをレンダリングすることはできません。テキストタグの代わりにオブジェクトを返します。ちょうどそれが動作するために、以下のようにコードを変更します -

 headerRight:<Text>Go right</Text> 

の代わりに、： -

 header:() => { 
     return { 
      right: <Text>Go right</Text> 
     }; 
    } 

Answer 3

カスタム1にあなたのヘッダーの右のボタンを設定するheaderRight小道具を使用することができます。

例

static navigationOptions = { 
    title: 'Review Jobs', 
    headerRight:<Text>Go right</Text> 
}