在 React-Native navigationOptions 中处理 OnPress

Posted 2023-04-13

【中文标题】在 React-Native navigationOptions 中处理 OnPress

【英文标题】：Handle OnPress inside React-Native navigationOptions

【发布时间】：2017-10-26 01:29:48

【问题描述】：

我被困在navigationOptions 中添加保存方法，请你帮我做正确的方法。

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

【参考方案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
    

【讨论】：

它仍然是静态的，但如果有人想知道为什么你不能在静态函数中接口“this”。