react-native和react-navigation无法将参数作为参数传递给NavigationOptions中的下一个屏幕

Question

我能够将函数作为渲染函数中的参数传递给下一个屏幕，如下面的代码所示

render(){
      return (
        <View style={styles.container}>
        <View style={styles.titlewrapper}>

        <Text style={styles.titleinfo}><Icon name="add-circle" style={{color:"#039BE5"}}/> Customize your own feed </Text>
        </View>
          <TouchableOpacity onPress={()=> requestAnimationFrame(()=>{ this.props.navigation.navigate('topic', {onNavigateBack: this.handleOnNavigateBack.bind(this)
}) }) }
          >
           <View style={styles.buttoncontainer}>
             <Text style={styles.buttontext}>Get started</Text>
             </View>
          </TouchableOpacity>
       </View>

      );
    }

如您所见，我可以将函数“ handleOnNavigateBack”作为onNavigateBack参数传递给主题屏幕及其工作，但是我无法在NavigationOptions中实现此功能，如下所示

 static navigationOptions = ({ navigation }) => {
      const { params = {} } = navigation.state;
      return{
        headerStyle:{
            elevation:0 
           },
        headerTitle:  (
          <Image style={{ height: responsiveHeight(6), width: responsiveWidth(30), alignSelf:'center' }} source={require('../images/logo-header2.png')}/>
      ),
        headerLeft: <TouchableOpacity  onPress={ () => navigation.navigate('DrawerOpen')  } ><Icon name="menu" style={{paddingLeft:15 }} size={35}/></TouchableOpacity>,
        headerRight: <TouchableOpacity  onPress={ () => navigation.navigate('topic', {
          onNavigateBack: this.handleOnNavigateBack.bind(this)  }) }><Icon name="create" style={{paddingRight:15 }} size={35}/></TouchableOpacity>,

        } 
      };

我已经尝试了所有事情，但似乎没有用，任何帮助将不胜感激！

软件| 版

反应导航| 1.0.0-beta.19

反应本机| 0.49.5

Answer 1

这是因为onNavigateBack: this.handleOnNavigateBack.bind(this) “ this” onNavigateBack: this.handleOnNavigateBack.bind(this)第二个代码中的onNavigateBack: this.handleOnNavigateBack.bind(this)没有像第一个代码中那样指向您的组件。（因为navigationOptions是静态的）

要存档您想要的内容，您应该首先将功能从组件传递到导航的参数。 然后，使用参数在NavigationOption中调用它。