如何在静态方法中实现类组件函数

时间:2020-02-06 03:25:18

标签: reactjs react-native

我的目标是在使用headerRight的反应本机屏幕的header的{​​{1}}组件的react-navigation组件内实现一个过滤器按钮。

我像这样覆盖屏幕的NavigationOptions:

static navigationOptions = ({ navigation }) => {
        return {
            headerRight: () => (
                <TouchableOpacity
                    onPress={() => {
                        filterInbox();
                    }}
                    style={{ justifyContent: 'center', alignItems: 'center' }}
                >
                    <Image
                        resizeMode={'contain'}
                        source={require('../assets/img/filter.png')}
                        style={{ height: 30, width: 25, marginRight: 20 }}
                    />
                </TouchableOpacity>
            )
        };
    };

我在screen类中实现了我的filter方法。现在很明显,问题是从静态navigationOptions内部调用类的函数,因为该上下文中没有“ this”。我正在考虑一种使用屏幕参数使其工作的方法,但这似乎过于复杂/简陋。

还有另一种方法可以做到吗?

0 个答案:

没有答案