From 9ac8a2d0e30d57058de92d34a082748224d336c4 Mon Sep 17 00:00:00 2001
From: Koen Punt <koen@koenpunt.nl>
Date: Fri, 28 Apr 2017 12:58:13 +0200
Subject: [PATCH] fix toggle header example (#1286)

---
 .../NavigationPlayground/js/ModalStack.js         | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/packages/react-navigation/examples/NavigationPlayground/js/ModalStack.js b/packages/react-navigation/examples/NavigationPlayground/js/ModalStack.js
index a15588f3..275635f0 100644
--- a/packages/react-navigation/examples/NavigationPlayground/js/ModalStack.js
+++ b/packages/react-navigation/examples/NavigationPlayground/js/ModalStack.js
@@ -26,7 +26,9 @@ const MyNavScreen = ({ navigation, banner }) => (
     />
     {navigation.state.routeName === 'HeaderTest' && <Button
       title="Toggle Header"
-      onPress={() => navigation.setParams({ header: (!navigation.state.params || navigation.state.params.header === 'visible') ? 'none' : 'visible' })}
+      onPress={() => navigation.setParams({
+        headerVisible: (!navigation.state.params || !navigation.state.params.headerVisible),
+      })}
     />}
     <Button
       onPress={() => navigation.goBack(null)}
@@ -64,7 +66,9 @@ const ProfileNavigator = StackNavigator({
     screen: MyProfileScreen,
   },
 }, {
-  navigationOptions: {headerVisible: false},
+  navigationOptions: {
+    header: null,
+  },
 });
 
 const MyHeaderTestScreen = ({ navigation }) => (
@@ -73,11 +77,10 @@ const MyHeaderTestScreen = ({ navigation }) => (
     navigation={navigation}
   />
 );
-MyHeaderTestScreen.navigationOptions = ({navigation}) => {
-  const header = navigation.state.params && navigation.state.params.header;
-  const headerVisible = !header || header === 'visible';
+MyHeaderTestScreen.navigationOptions = ({ navigation }) => {
+  const headerVisible = navigation.state.params && navigation.state.params.headerVisible;
   return {
-    headerVisible,
+    header: headerVisible ? undefined : null,
     title: 'Now you see me',
   };
 };