diff --git a/example/src/RootNavigator.js b/example/src/RootNavigator.js
index 91291ef..226d2d3 100644
--- a/example/src/RootNavigator.js
+++ b/example/src/RootNavigator.js
@@ -1,21 +1,47 @@
 /* @flow */
 
 import React from 'react';
-import Expo from 'expo';
 import { StackNavigator } from 'react-navigation';
-import { Colors } from 'react-native-paper';
+import { Platform, StatusBar } from 'react-native';
+import { Toolbar } from 'react-native-paper';
 import ExampleList, { examples } from './ExampleList';
 
+const MORE_ICON = Platform.OS === 'ios' ? 'more-horiz' : 'more-vert';
+
 const routes = Object.keys(examples)
   .map(id => ({ id, item: examples[id] }))
   .reduce((acc, { id, item }) => {
     const Comp = item;
     const Screen = props => <Comp {...props} />;
 
-    Screen.navigationOptions = {
-      title: Comp.title,
-      /* $FlowFixMe */
-      ...Comp.navigationOptions,
+    Screen.navigationOptions = ({ navigation }) => {
+      const { params = {} } = navigation.state;
+      return {
+        header: (
+          <Toolbar
+            dark
+            statusBarHeight={
+              Platform.OS === 'ios' ? 20 : StatusBar.currentHeight
+            }
+          >
+            {!params.showLeftIcon && (
+              <Toolbar.BackAction onPress={() => navigation.goBack()} />
+            )}
+            <Toolbar.Content
+              title={Comp.title}
+              subtitle={params.showSubtitle ? 'Subtitle' : null}
+            />
+            {params.showSearchIcon && (
+              <Toolbar.Action icon="search" onPress={() => {}} />
+            )}
+            {!params.showMoreIcon && (
+              <Toolbar.Action icon={MORE_ICON} onPress={() => {}} />
+            )}
+          </Toolbar>
+        ),
+        /* $FlowFixMe */
+        ...Comp.navigationOptions,
+      };
     };
 
     return {
@@ -31,12 +57,14 @@ export default StackNavigator(
   },
   {
     navigationOptions: {
-      headerTintColor: Colors.white,
-      headerStyle: {
-        backgroundColor: Colors.indigo500,
-        paddingTop: Expo.Constants.statusBarHeight,
-        height: 56 + Expo.Constants.statusBarHeight,
-      },
+      header: (
+        <Toolbar
+          dark
+          statusBarHeight={Platform.OS === 'ios' ? 20 : StatusBar.currentHeight}
+        >
+          <Toolbar.Content title="Examples" />
+        </Toolbar>
+      ),
     },
   }
 );
diff --git a/example/src/ToolbarExample.js b/example/src/ToolbarExample.js
index bb0c553..830113b 100644
--- a/example/src/ToolbarExample.js
+++ b/example/src/ToolbarExample.js
@@ -8,15 +8,38 @@ const MORE_ICON = Platform.OS === 'ios' ? 'more-horiz' : 'more-vert';
 
 export default class ToolbarExample extends Component {
   static title = 'Toolbar';
-  static navigationOptions = {
-    header: null,
+  static navigationOptions = ({ navigation }) => {
+    return {
+      header: (
+        <Toolbar
+          dark
+          statusBarHeight={Platform.OS === 'ios' ? 20 : StatusBar.currentHeight}
+        >
+          {navigation.params.showLeftIcon && (
+            <Toolbar.BackAction
+              onPress={() => this.props.navigation.goBack()}
+            />
+          )}
+          <Toolbar.Content
+            title="Title"
+            subtitle={navigation.params.showSubtitle ? 'Subtitle' : null}
+          />
+          {navigation.params.showSearchIcon && (
+            <Toolbar.Action icon="search" onPress={() => {}} />
+          )}
+          {navigation.params.showMoreIcon && (
+            <Toolbar.Action icon={MORE_ICON} onPress={() => {}} />
+          )}
+        </Toolbar>
+      ),
+    };
   };
 
   state = {
     showLeftIcon: true,
-    showSearchIcon: Platform.OS !== 'ios',
+    showSearchIcon: false,
     showMoreIcon: true,
-    showSubtitle: Platform.OS !== 'ios',
+    showSubtitle: false,
   };
 
   render() {
@@ -26,59 +49,54 @@ export default class ToolbarExample extends Component {
       showMoreIcon,
       showSubtitle,
     } = this.state;
-
     return (
       <View style={styles.container}>
-        <Toolbar
-          dark
-          statusBarHeight={Platform.OS === 'ios' ? 20 : StatusBar.currentHeight}
-        >
-          {showLeftIcon && (
-            <Toolbar.BackAction
-              onPress={() => this.props.navigation.goBack()}
-            />
-          )}
-          <Toolbar.Content
-            title="Title"
-            subtitle={showSubtitle ? 'Subtitle' : null}
-          />
-          {showSearchIcon && (
-            <Toolbar.Action icon="search" onPress={() => {}} />
-          )}
-          {showMoreIcon && (
-            <Toolbar.Action icon={MORE_ICON} onPress={() => {}} />
-          )}
-        </Toolbar>
         <View style={styles.content}>
           <Button
             accent
             raised
-            onPress={() =>
-              this.setState({ showLeftIcon: !this.state.showLeftIcon })}
+            onPress={() => {
+              this.setState({ showLeftIcon: !this.state.showLeftIcon });
+              this.props.navigation.setParams({
+                showLeftIcon: !!showLeftIcon,
+              });
+            }}
           >
             {`Left icon: ${showLeftIcon ? 'On' : 'Off'}`}
           </Button>
           <Button
             accent
             raised
-            onPress={() =>
-              this.setState({ showSubtitle: !this.state.showSubtitle })}
+            onPress={() => {
+              this.setState({ showSubtitle: !this.state.showSubtitle });
+              this.props.navigation.setParams({
+                showSubtitle: !showSubtitle,
+              });
+            }}
           >
             {`Subtitle: ${showSubtitle ? 'On' : 'Off'}`}
           </Button>
           <Button
             accent
             raised
-            onPress={() =>
-              this.setState({ showSearchIcon: !this.state.showSearchIcon })}
+            onPress={() => {
+              this.setState({ showSearchIcon: !this.state.showSearchIcon });
+              this.props.navigation.setParams({
+                showSearchIcon: !showSearchIcon,
+              });
+            }}
           >
             {`Search icon: ${showSearchIcon ? 'On' : 'Off'}`}
           </Button>
           <Button
             accent
             raised
-            onPress={() =>
-              this.setState({ showMoreIcon: !this.state.showMoreIcon })}
+            onPress={() => {
+              this.setState({ showMoreIcon: !this.state.showMoreIcon });
+              this.props.navigation.setParams({
+                showMoreIcon: !!showMoreIcon,
+              });
+            }}
           >
             {`More icon: ${showMoreIcon ? 'On' : 'Off'}`}
           </Button>