React-navigation 推送新屏幕时出错

Question

问题：问题不是在编译时出现，如果它是编译时那么语法有问题但是当我推送时它会出现，并且控件无法到达下一个屏幕表示渲染和构造函数 .so 在我使用导航推送时发出。推送新屏幕有些问题，但有什么问题如何解决。

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

我正在使用 "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 触发动作header 工作正常

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

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

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

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

Answer 1

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

您正在某处呈现未用 Text 包裹的字符串。也许，检查您在 detail 路由中使用的组件的渲染方法。

Answer 2

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

React-navigation 推送新屏幕时出错

React-navigation error when pushing new screen

ios

reactjs

react-native

redux

react-navigation