推送新屏幕

时间:2017-11-21 18:46:56

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

问题:问题不在编译时,如果编译时间那么语法有些问题,但是当我推动它时,控制不到达下一个屏幕意味着渲染和构造函数。所以当我推动使用导航时问题。推出新屏幕有些不对劲,但问题是如何修复。

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

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

我用于标题的

代码,并且设置的操作正常

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
        }
      />
    ),
  });

在这里我setParams从头文件中解决动作

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

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

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

什么问题无法找到,我在这里做错了什么

enter image description here

2 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:0)

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

您在某个未使用Text包裹的地方渲染字符串。也许,检查您在detail route。

中使用的组件的render方法