How to set navigationOptions on stateless component with Typescript

Question

I have a react component like

const Example = () => (...);

Using react-navigation I would normally apply naviga

Answer 1

You can use the following:

import {
  NavigationScreenProps,
  NavigationScreenComponent
} from 'react-navigation'

interface Props extends NavigationScreenProps {
  // ... other props
}

const MyScreen: NavigationScreenComponent = ({ navigation }) => {
  // ... your component
}

MyScreen.navigationOptions = {
  // ... your navigation options
}

export default MyScreen