对象作为React子对象无效（React Navigation）

Question

我正在使用React Navigation，我想在StackNavigator中添加右键。添加右键后，我收到这样的错误：

对象无效作为React子对象（找到：具有键{对象}的对象）。如果您要渲染子集合，请使用数组

如何解决这个错误？

这是代码：

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 prop将标题的右键设置为自定义按钮。

例

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