Правильный способ передать функцию внутри события onSelect в MenuOption внутри заголовка навигации

Question

Здравствуйте, я пытаюсь интегрировать всплывающее меню с помощью response-native-popup-menu в Reaction-nativeМоя проблема в том, что он всегда возвращает undefine.

Вот код:

static navigationOptions = ({navigation}) => {
return {
  title: 'Todo',
  headerRight: (
    <View style={{flexDirection: 'row'}}>
      <Icon style={{marginRight: 15}} onPress={() => navigation.navigate('ShareWithGlobal')} name="share-variant" color="#00b5ec" size={20} />
      <View>
        <Text>Hello world!</Text>
        <Menu>
          <MenuTrigger text='Select action' />
          <MenuOptions>
            <MenuOption onSelect={navigation.getParams('showOpen')} style={{color: 'red', margin: 5}}>
              <Text style={{margin: 5}}>Show Open</Text>
            </MenuOption>
            <MenuOption onSelect={navigation.getParams('showArchived')} style={{color: 'red', margin: 5}}>
              <Text style={{margin: 5}}>Show Archive</Text>
            </MenuOption>
          </MenuOptions>
        </Menu>
      </View>
    </View>
  )  
}

А вот другой

componentDidMount(){
   this.loadList();
   this.props.navigation.setParams({ showOpen: this.showOpen });
   this.props.navigation.setParams({ showArchived: this.showArchived });
}

После того, как я щелкнул опцию ShowOpen,появится ошибка, которая гласит

TypeError: TypeError:undefined is not a function (evaluating 
'navigation.getParams('showOpen')')