diff --git a/example/StackNavigator.tsx b/example/StackNavigator.tsx
index 5190e283..6df3d3c0 100644
--- a/example/StackNavigator.tsx
+++ b/example/StackNavigator.tsx
@@ -8,33 +8,46 @@ import {
   NavigationProp,
   CommonAction,
   InitialState,
+  ScreenProps,
+  ParamListBase,
 } from '../src/index';
 
 type Props = {
   initialRouteName?: string;
-  navigation?: NavigationProp;
   children: React.ReactElement[];
 };
 
 type Action =
   | {
       type: 'PUSH';
-      payload: { name: string };
+      payload: { name: string; params?: object };
     }
   | { type: 'POP' };
 
-export type StackNavigationProp = NavigationProp<typeof StackRouter>;
+export type StackNavigationProp<
+  ParamList extends ParamListBase,
+  RouteName extends keyof ParamList = string
+> = NavigationProp<ParamList, RouteName> & {
+  push<RouteName extends keyof ParamList>(
+    ...args: ParamList[RouteName] extends void
+      ? [RouteName]
+      : [RouteName, ParamList[RouteName]]
+  ): void;
+  pop(): void;
+};
 
 const StackRouter = {
   normalize({
+    screens,
     currentState,
-    routeNames,
-    initialRouteName = routeNames[0],
+    initialRouteName = Object.keys(screens)[0],
   }: {
+    screens: { [key: string]: ScreenProps };
     currentState?: InitialState | NavigationState;
-    routeNames: string[];
     initialRouteName?: string;
   }): NavigationState {
+    const routeNames = Object.keys(screens);
+
     let state = currentState;
 
     if (state === undefined) {
@@ -45,6 +58,7 @@ const StackRouter = {
         routes: routeNames.slice(0, index + 1).map(name => ({
           name,
           key: `${name}-${shortid()}`,
+          params: screens[name].initialParams,
         })),
       };
     }
@@ -72,8 +86,9 @@ const StackRouter = {
           routes: [
             ...state.routes,
             {
-              name: action.payload.name,
               key: `${action.payload.name}-${shortid()}`,
+              name: action.payload.name,
+              params: action.payload.params,
             },
           ],
         };
@@ -97,14 +112,19 @@ const StackRouter = {
           if (index === -1) {
             return StackRouter.reduce(state, {
               type: 'PUSH',
-              payload: { name: action.payload.name },
+              payload: action.payload,
             });
           }
 
           return {
             ...state,
             index,
-            routes: state.routes.slice(0, index + 1),
+            routes: [
+              ...state.routes.slice(0, index),
+              action.payload.params !== undefined
+                ? { ...state.routes[index], params: action.payload.params }
+                : state.routes[index],
+            ],
           };
         }
 
diff --git a/example/TabNavigator.tsx b/example/TabNavigator.tsx
index 5886c5ec..263f5beb 100644
--- a/example/TabNavigator.tsx
+++ b/example/TabNavigator.tsx
@@ -8,31 +8,43 @@ import {
   NavigationProp,
   CommonAction,
   InitialState,
+  ScreenProps,
+  ParamListBase,
 } from '../src/index';
 
 type Props = {
   initialRouteName?: string;
-  navigation?: NavigationProp;
   children: React.ReactElement[];
 };
 
 type Action = {
   type: 'JUMP_TO';
-  payload: { name: string };
+  payload: { name: string; params?: object };
 };
 
-export type TabNavigationProp = NavigationProp<typeof TabRouter>;
+export type TabNavigationProp<
+  ParamList extends ParamListBase,
+  RouteName extends keyof ParamList = string
+> = NavigationProp<ParamList, RouteName> & {
+  jumpTo<RouteName extends keyof ParamList>(
+    ...args: ParamList[RouteName] extends void
+      ? [RouteName]
+      : [RouteName, ParamList[RouteName]]
+  ): void;
+};
 
 const TabRouter = {
   normalize({
+    screens,
     currentState,
-    routeNames,
-    initialRouteName = routeNames[0],
+    initialRouteName = Object.keys(screens)[0],
   }: {
-    routeNames: string[];
+    screens: { [key: string]: ScreenProps };
     currentState?: InitialState | NavigationState;
     initialRouteName?: string;
   }): NavigationState {
+    const routeNames = Object.keys(screens);
+
     let state = currentState;
 
     if (state === undefined) {
@@ -43,6 +55,7 @@ const TabRouter = {
         routes: routeNames.map(name => ({
           name,
           key: `${name}-${shortid()}`,
+          params: screens[name].initialParams,
         })),
       };
     }
@@ -76,6 +89,17 @@ const TabRouter = {
 
         return {
           ...state,
+          routes:
+            action.payload.params !== undefined
+              ? state.routes.map((route, i) =>
+                  i === index
+                    ? {
+                        ...route,
+                        params: action.payload.params,
+                      }
+                    : route
+                )
+              : state.routes,
           index,
         };
       }
diff --git a/example/index.tsx b/example/index.tsx
index 6e513b9f..0a935a6b 100644
--- a/example/index.tsx
+++ b/example/index.tsx
@@ -1,29 +1,57 @@
 import shortid from 'shortid';
 import * as React from 'react';
 import { render } from 'react-dom';
-import { NavigationContainer, Screen } from '../src';
+import { NavigationContainer, Screen, CompositeNavigationProp } from '../src';
 import StackNavigator, { StackNavigationProp } from './StackNavigator';
 import TabNavigator, { TabNavigationProp } from './TabNavigator';
 
-const First = ({ navigation }: { navigation: StackNavigationProp }) => (
+type StackParamList = {
+  first: { author: string };
+  second: void;
+  third: void;
+};
+
+type TabParamList = {
+  fourth: void;
+  fifth: void;
+};
+
+const First = ({
+  navigation,
+}: {
+  navigation: StackNavigationProp<StackParamList, 'first'>;
+}) => (
   <div>
-    <h1>First</h1>
+    <h1>First, {navigation.state.params.author}</h1>
     <button type="button" onClick={() => navigation.push('second')}>
       Push second
     </button>
     <button type="button" onClick={() => navigation.push('third')}>
       Push third
     </button>
+    <button
+      type="button"
+      onClick={() => navigation.navigate('first', { author: 'John' })}
+    >
+      Navigate with params
+    </button>
     <button type="button" onClick={() => navigation.pop()}>
       Go back
     </button>
   </div>
 );
 
-const Second = ({ navigation }: { navigation: StackNavigationProp }) => (
+const Second = ({
+  navigation,
+}: {
+  navigation: StackNavigationProp<StackParamList, 'second'>;
+}) => (
   <div>
     <h1>Second</h1>
-    <button type="button" onClick={() => navigation.push('first')}>
+    <button
+      type="button"
+      onClick={() => navigation.push('first', { author: 'Joel' })}
+    >
       Push first
     </button>
     <button type="button" onClick={() => navigation.pop()}>
@@ -35,14 +63,20 @@ const Second = ({ navigation }: { navigation: StackNavigationProp }) => (
 const Fourth = ({
   navigation,
 }: {
-  navigation: TabNavigationProp & StackNavigationProp;
+  navigation: CompositeNavigationProp<
+    TabNavigationProp<TabParamList, 'fourth'>,
+    StackNavigationProp<StackParamList>
+  >;
 }) => (
   <div>
     <h1>Fourth</h1>
     <button type="button" onClick={() => navigation.jumpTo('fifth')}>
       Jump to fifth
     </button>
-    <button type="button" onClick={() => navigation.push('first')}>
+    <button
+      type="button"
+      onClick={() => navigation.push('first', { author: 'Jake' })}
+    >
       Push first
     </button>
     <button type="button" onClick={() => navigation.pop()}>
@@ -54,14 +88,17 @@ const Fourth = ({
 const Fifth = ({
   navigation,
 }: {
-  navigation: TabNavigationProp & StackNavigationProp;
+  navigation: CompositeNavigationProp<
+    TabNavigationProp<TabParamList, 'fifth'>,
+    StackNavigationProp<StackParamList>
+  >;
 }) => (
   <div>
     <h1>Fifth</h1>
     <button type="button" onClick={() => navigation.jumpTo('fourth')}>
       Jump to fourth
     </button>
-    <button type="button" onClick={() => navigation.push('second')}>
+    <button type="button" onClick={() => navigation.navigate('fifth')}>
       Push second
     </button>
     <button type="button" onClick={() => navigation.pop()}>
@@ -89,7 +126,12 @@ function App() {
   return (
     <NavigationContainer initialState={initialState}>
       <StackNavigator>
-        <Screen name="first" component={First} options={{ title: 'Foo' }} />
+        <Screen
+          name="first"
+          component={First}
+          options={{ title: 'Foo' }}
+          initialParams={{ author: 'Jane' }}
+        />
         <Screen name="second" component={Second} options={{ title: 'Bar' }} />
         <Screen name="third" options={{ title: 'Baz' }}>
           {() => (
diff --git a/src/BaseActions.tsx b/src/BaseActions.tsx
index 6bdcf506..2e7f9b3c 100644
--- a/src/BaseActions.tsx
+++ b/src/BaseActions.tsx
@@ -4,7 +4,7 @@ export type Action =
   | { type: 'GO_BACK' }
   | {
       type: 'NAVIGATE';
-      payload: { name: string };
+      payload: { name: string; params?: object };
     }
   | {
       type: 'RESET';
@@ -15,8 +15,8 @@ export function goBack(): Action {
   return { type: 'GO_BACK' };
 }
 
-export function navigate(name: string): Action {
-  return { type: 'NAVIGATE', payload: { name } };
+export function navigate(name: string, params?: object): Action {
+  return { type: 'NAVIGATE', payload: { name, params } };
 }
 
 export function reset(state: InitialState & { key?: string }): Action {
diff --git a/src/SceneView.tsx b/src/SceneView.tsx
index 9a93f653..81ee24a2 100644
--- a/src/SceneView.tsx
+++ b/src/SceneView.tsx
@@ -1,8 +1,12 @@
 import * as React from 'react';
 import { NavigationStateContext } from './NavigationContainer';
 import StaticContainer from './StaticContainer';
-import { Props as ScreenProps } from './Screen';
-import { Route, NavigationState, NavigationHelpers } from './types';
+import {
+  Route,
+  NavigationState,
+  NavigationHelpers,
+  ScreenProps,
+} from './types';
 
 type Props = {
   screen: ScreenProps;
diff --git a/src/Screen.tsx b/src/Screen.tsx
index e4c4c62a..0ba5f4e6 100644
--- a/src/Screen.tsx
+++ b/src/Screen.tsx
@@ -1,12 +1,5 @@
-import { Options } from './types';
+import { ScreenProps } from './types';
 
-export type Props = {
-  name: string;
-  options?: Options;
-} & (
-  | { component: React.ComponentType<any> }
-  | { children: (props: any) => React.ReactNode });
-
-export default function Screen(_: Props) {
+export default function Screen(_: ScreenProps) {
   return null;
 }
diff --git a/src/types.tsx b/src/types.tsx
index 6b76d737..47538314 100644
--- a/src/types.tsx
+++ b/src/types.tsx
@@ -18,7 +18,7 @@ export type InitialState = Omit<Omit<NavigationState, 'names'>, 'key'> & {
 export type Route = {
   key: string;
   name: string;
-  params?: {};
+  params?: object;
 };
 
 export type NavigationAction = {
@@ -27,11 +27,10 @@ export type NavigationAction = {
 
 export type Router<Action extends NavigationAction = NavigationAction> = {
   normalize(options: {
+    screens: { [key: string]: ScreenProps };
     currentState?: NavigationState | InitialState;
-    routeNames: string[];
     initialRouteName?: string;
   }): NavigationState;
-
   reduce(
     state: NavigationState,
     action: Action | CommonAction
@@ -39,27 +38,44 @@ export type Router<Action extends NavigationAction = NavigationAction> = {
   actions: { [key: string]: (...args: any) => Action };
 };
 
-export type NavigationHelpers<
-  T extends { actions: Router['actions'] } = { actions: {} }
-> = {
-  dispatch: (action: NavigationAction) => void;
-} & {
-  [key in keyof typeof BaseActions]: (
-    ...args: Parameters<typeof BaseActions[key]>
-  ) => void;
-} &
-  {
-    [key in keyof T['actions']]: (
-      ...args: Parameters<T['actions'][key]>
-    ) => void;
-  };
+export type ParamListBase = { [key: string]: object | void };
+
+class PrivateValueStore<T> {
+  // TypeScript requires a type to be actually used to be able to infer it.
+  // This is a hacky way of storing type in a property without surfacing it in intellisense.
+  // @ts-ignore
+  private __private_value_type?: T;
+}
+
+export type NavigationHelpers<ParamList extends ParamListBase = {}> = {
+  dispatch(action: NavigationAction): void;
+  navigate<RouteName extends keyof ParamList>(
+    ...args: ParamList[RouteName] extends void
+      ? [RouteName]
+      : [RouteName, ParamList[RouteName]]
+  ): void;
+  reset(state: InitialState & { key?: string }): void;
+  goBack(): void;
+} & PrivateValueStore<ParamList>;
 
 export type NavigationProp<
-  T extends { actions: Router['actions'] } = { actions: {} }
-> = NavigationHelpers<T> & {
-  state: Route | NavigationState;
+  ParamList extends ParamListBase,
+  RouteName extends keyof ParamList
+> = NavigationHelpers<ParamList> & {
+  state: Route & { name: RouteName } & (ParamList[RouteName] extends void
+      ? never
+      : { params: ParamList[RouteName] });
 };
 
+export type CompositeNavigationProp<
+  A extends NavigationProp<ParamListBase, string>,
+  B extends NavigationProp<ParamListBase, string>
+> = Omit<A & B, keyof NavigationHelpers<any>> &
+  NavigationHelpers<
+    (A extends NavigationHelpers<infer T> ? T : never) &
+      (B extends NavigationHelpers<infer U> ? U : never)
+  >;
+
 export type Descriptor = {
   render(): React.ReactNode;
   options: Options;
@@ -69,3 +85,11 @@ export type Options = {
   title?: string;
   [key: string]: any;
 };
+
+export type ScreenProps = {
+  name: string;
+  options?: Options;
+  initialParams?: object;
+} & (
+  | { component: React.ComponentType<any> }
+  | { children: (props: any) => React.ReactNode });
diff --git a/src/useNavigationBuilder.tsx b/src/useNavigationBuilder.tsx
index f356e91c..c34edf08 100644
--- a/src/useNavigationBuilder.tsx
+++ b/src/useNavigationBuilder.tsx
@@ -6,8 +6,9 @@ import {
   Descriptor,
   NavigationHelpers,
   NavigationState,
+  ScreenProps,
 } from './types';
-import Screen, { Props as ScreenProps } from './Screen';
+import Screen from './Screen';
 import SceneView from './SceneView';
 import * as BaseActions from './BaseActions';
 
@@ -41,7 +42,7 @@ export default function useNavigationBuilder(router: Router, options: Options) {
 
   const {
     state: currentState = router.normalize({
-      routeNames,
+      screens,
       initialRouteName: options.initialRouteName,
     }),
     getState: getCurrentState,
@@ -51,8 +52,8 @@ export default function useNavigationBuilder(router: Router, options: Options) {
   const getState = React.useCallback(
     (): NavigationState =>
       router.normalize({
+        screens,
         currentState: getCurrentState(),
-        routeNames,
         initialRouteName: options.initialRouteName,
       }),
     // eslint-disable-next-line react-hooks/exhaustive-deps