[react-navigation] Missing tests for createAppContainer

I am trying to set up flow typing with react-navigation v4, and having a difficult time. I can’t figure out how to call createAppContainer correctly, and am getting two errors.

I’m using flow@0.92.1, react-native@0.59.9 and react-navigation@4.0.10.

Here’s my file:

/* @flow */

import {createAppContainer} from 'react-navigation';
import {createStackNavigator} from 'react-navigation-stack';

import {FilteringRoot} from './filtering-root';

const EntityFilterNavigator = createStackNavigator({
    Main: {
        screen: FilteringRoot,
    },
});

export const EntityFilters = createAppContainer(EntityFilterNavigator);

And here are the errors I get:

Error ┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈ 
Missing type annotation for O. O is a type parameter declared in function type [1] and was implicitly instantiated at
call of createAppContainer [2].

      11│     },
      12│ });
      13│
 [2]  14│ export const EntityFilters = createAppContainer(EntityFilterNavigator);
      15│

     flow-typed/npm/react-navigation_v4.x.x.js
 [1] 936│   declare export function createAppContainer<S: NavigationState, O: {}>(
     937│     Component: NavigationNavigator<S, O, *>
     938│   ): NavigationContainer<S, O, *>;


Error ┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈ 
Missing type annotation for S. S is a type parameter declared in function type [1] and was implicitly instantiated at
call of createAppContainer [2].

      11│     },
      12│ });
      13│
 [2]  14│ export const EntityFilters = createAppContainer(EntityFilterNavigator);
      15│

     flow-typed/npm/react-navigation_v4.x.x.js
 [1] 936│   declare export function createAppContainer<S: NavigationState, O: {}>(
     937│     Component: NavigationNavigator<S, O, *>
     938│   ): NavigationContainer<S, O, *>;

I was hoping to find tests for createAppContainer which would show me how to call it, but there don’t seem to be any here. I also can’t find any other issues or stack overflow questions about this. Not even the typescript docs have any help https://reactnavigation.org/docs/en/typescript.html.

@Ashoat, can you give any guidance here? It seems like a foundational piece of the puzzle that I’m missing. I think that an example in the tests would go a long way towards helping users to understand how to use react-navigation with flow.

[Ashoat]

Ah, you’re having trouble typing the call itself. I don’t have access to a laptop right now. I’ll try to get back to you when I do. For now I would suggest reading through the libdef and see if you can conclude what the type parameters and the result type should be.

[kubilaykiymaci]

Hi, I’m using react-navigation 3.9.2 version and i have trouble in using the createAppContainer with flowtyped and i have same problem. According to navigation document, createAppContainer function take only one parameter which is return of createStackNavigator.