推送新屏幕时反应导航错误答案

【问题标题】：React-navigation error when pushing new screen推送新屏幕时反应导航错误
【发布时间】：2018-05-05 08:27:41
【问题描述】：

问题： 问题不在编译时出现，如果它的编译时出现语法错误，但在我推送时出现，并且控件未到达下一个屏幕意味着渲染和构造函数。所以当我使用导航推送时会出现问题。推送新屏幕有些问题，但是有什么问题如何解决。

我在尝试推送新屏幕时遇到了一些错误。我从其他屏幕推送的同一个屏幕工作正常，但是我在 navigationOptions 和 setParams 中添加了自定义标题以进行自定义操作，所有操作都正常工作，现在我试图从这个屏幕转到另一个屏幕，出现问题无法找到是什么问题，

我正在使用 "react-navigation": "1.0.0-beta.11",

我用于 header 的代码，并设置操作正常

static navigationOptions = ({ navigation }) => ({
    title: '',
    headerTintColor: variables.white,
    headerStyle: { backgroundColor: variables.spoRed },
    gesturesEnabled: false,
    // custom header
    header: (
      <Header
        onChangeText={
          navigation.state.params && navigation.state.params.onChangeText
        }
        goBack={navigation.state.params && navigation.state.params.goBack}
        seachAction={
          navigation.state.params && navigation.state.params.seachAction
        }
      />
    ),
  });

我在这里设置Params 以从正常工作的标头触发操作

componentWillMount() {
        this.props.navigation.setParams({
          onChangeText: this.onChangeText,
          goBack: this.goBack,
          seachAction: this.seachAction,
        });

//这是我推送新屏幕但出现错误的代码

this.props.navigation.navigate(
   'detail',
   {},
   NavigationActions.navigate({ routeName: 'DETAILSA' }),
 );

找不到什么问题，我在这里做错了什么

【问题讨论】：

我认为你的组件应该以大写字母开头。
应该是
这不是问题，我还在更新问题

标签： ios reactjs react-native redux react-navigation

【解决方案1】：

您收到错误是因为标题是一个空字符串。使用title: ' '，或者升级到最新版本解决问题。

【讨论】：

怎么回事，因为当前屏幕不是问题并尝试推送新屏幕然后我遇到了问题，在推送呼叫中

【解决方案2】：

我认为这里的问题不在于反应导航。

您正在某个地方渲染一个没有用Text 包裹的字符串。也许，检查你在detail路由中使用的组件的渲染方法。

【讨论】：

我检查过，组件中没有问题，我试图从其他屏幕推送它的工作，但在添加自定义标题和 setParams 操作时无法正常工作
不确定问题出在哪里。您可以分享您的组件和客户标头代码吗？检查您的渲染方法和组件名称。