kylefang/react-navigation
1
0
Fork 0
mirror of https://github.com/zhigang1992/react-navigation.git synced 2026-02-12 17:31:06 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix toggle header example (#1286)

Browse Source
This commit is contained in:
Koen Punt
2017-04-28 12:58:13 +02:00
parent c920b9cfce
commit 9ac8a2d0e3
1 changed files with 9 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
packages/react-navigation/examples/NavigationPlayground/js/ModalStack.js vendored
View File

@@ -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',
};
};