在React-Native navigationOptions中处理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
    }
}