This gist shows the a working type definition for navigationOptions for your screens when using Typescript with react and react-navigation

DemoScreen.tsx

import * as React from "react";
import { Text, View } from "react-native";
import { NavigationScreenConfigProps, NavigationScreenProps } from "react-navigation";

type Params = { title: string };
type DemoScreenProps = NavigationScreenConfigProps;

class DemoScreen extends React.PureComponent<DemoScreenProps> {
  public static navigationOptions = ({ navigation }: NavigationScreenProps<Params>) => ({
    title: navigation.state.params.title,
  });

  public render() {
    return (
      <View>
        <Text>{`Hello from ${this.props.navigation.state.params.title}`}</Text>
      </View>
    );
  }
}

export default DemoScreen;

with your code I'm getting TS2532: Object is possibly 'undefined' on

navigation.state.params.title

and also I get autocompletion for .state and then for .params inside it, but not for .title...

Update:
Actually, it almost works, it's just you need to make sure navigation.state.params is defined first - see the complete explanation in this StackOverflow answer.