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

示例

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

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

3 个答案: