0

我有屏幕的这种转变:如何通过静态navigationOptions将道具从前一个屏幕传递到下一个屏幕?

A - >乙 - “ç

现在对B,我有这个static navigationOptions

class ScreenB extends Component { 

    static navigationOptions = ({navigation}) => ({ 

    /* works fine to display props here -> */ title: navigation.state.params.MyString, // works fine for display 
               headerLeft: <Button title="<" onPress={() => navigation.goBack()} />, 
    /* does not work to pass it here -> */  headerRight: <Button title="+" onPress={() => navigation.navigate('ScreenC', {navigation.state.params.MyString})} /> 
           }); 

    // ... 
} 

我接收MyStringA,并在B中正常显示。但我想通过它CheaderRight按钮点击。在定义中有语法错误说:

意外的令牌,预计,

会是什么问题?由于

+0

我假设你使用某种包装?我没有看到任何明显的语法错误。上一次我遇到这些令人沮丧的经历之一时,出于某种原因,将组件封装在括号中会修复它。 headerLeft:(

回答

1

改变这一行:

headerRight: <Button title="+" onPress={() => navigation.navigate('ScreenC', {navigation.state.params.MyString})} /> 

为:

headerRight: <Button title="+" onPress={() => navigation.navigate('ScreenC', {title:navigation.state.params.MyString})} /> 

你缺少的关键。

相关问题