對象作爲React子無效（反應導航）

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需要表示整個標題的React組件，而不是普通對象。使用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

您可以使用headerRight道具你的頭的右邊的按鈕設置爲自定義一個。

例

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