React-Native导航中的OnPress导航选项

Question

我被困在navigationOptions里面添加保存方法你能帮我做正确的方法吗？

static navigationOptions = ({navigation}) => ({ 
     headerTitle: "Add New Item", 
     ...css.header, 
     headerRight: <NavViewRight 
      onPress={() => this.rightHeaderAction()} />, 
    }) 

Answer 1

其实目前还不清楚你到底在做什么。 但似乎你想从静态方法调用类内的非静态方法。

您提到this，但这里this不是指类实例。为了从你的类中调用某些东西，你需要使方法静态。

事情是这样的：

class MyScreen extends Component { 
    static navigationOptions = ({ 
     navigation 
    }) => ({ 
     headerTitle: "Add New Item", 
     ...css.header, 
     headerRight: < NavViewRight 
     onPress = { 
      () => MyScreen.rightHeaderAction() 
     } 
     />, 
    }) 

    static rightHeaderAction() { 
     // your code here 
    } 
}