我的目标是在使用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”。我正在考虑一种使用屏幕参数使其工作的方法,但这似乎过于复杂/简陋。
还有另一种方法可以做到吗?