title: How to override navigation options in functional component?
body: <p>To override navigation options using class components, it would be something like </p>
  
  <pre><code>export default class SomeClass extends Component {
  
      static navigationOptions = ({ navigation }) =&gt; {
          return {
              title: navigation.getParam('headerTitle'),
          }
      }
  
      componentDidMount() {
          this.props.navigation.setParams({ headerTitle: someVariableThatComesFromExternalCall })
      }
  
      ...
  }
  </code></pre>
  
  <p>But how can I do this using functional component??</p>
  
  <pre><code>export default function SomeFunctionalCompoenent({ navigation }) {
  
      // How and Where do I change the header title ?
  
      useEffect(() =&gt; { navigation.setParams({ headerTitle: someVariableThatComesFromExternalCall })})
      return (
          ...
      )
  }
  </code></pre>