Fix name collision so auto import works correctly (#4414)

Fix name collision so autocomplete works

lib/src/Navigation.ts

@@ -17,7 +17,7 @@ import { LayoutRoot, Layout } from './interfaces/Layout';
 import { Options } from './interfaces/Options';
 import { ComponentWrapper } from './components/ComponentWrapper';
 
-export class Navigation {
+export class NavigationRoot {
   public readonly Element: React.ComponentType<{ elementId: any; resizeMode?: any; }>;
   public readonly TouchablePreview: React.ComponentType<any>;
   public readonly store: Store;

lib/src/components/Store.ts

@@ -12,7 +12,6 @@ export class Store {
     return _.get(this.propsById, componentId, {});
   }
 
-
   setComponentClassForName(componentName: string | number, ComponentClass) {
     _.set(this.componentsByName, componentName.toString(), ComponentClass);
   }
@@ -20,7 +19,7 @@ export class Store {
   getComponentClassForName(componentName: string | number) {
     return _.get(this.componentsByName, componentName.toString());
   }
-  
+
   cleanId(id: string) {
     _.unset(this.propsById, id);
   }

lib/src/index.ts

@@ -1,8 +1,8 @@
-import { Navigation as NavigationClass } from './Navigation';
+import { NavigationRoot } from './Navigation';
 
-const singleton = new NavigationClass();
+const navigationSingleton = new NavigationRoot();
 
-export const Navigation = singleton;
+export const Navigation = navigationSingleton;
 export * from './adapters/Constants';
 export * from './interfaces/ComponentEvents';
 export * from './interfaces/Events';