kylefang/react-navigation
1
0
Fork 0
mirror of https://github.com/zhigang1992/react-navigation.git synced 2026-05-10 22:04:13 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: add headerTransparent option

Browse Source
This commit is contained in:
satyajit.happy
2019-06-21 12:54:19 +02:00
parent 2c1b144492
commit 4b2e6a95ca
8 changed files with 338 additions and 291 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/stack/src/views/Stack/Stack.tsx
View File

@@ -229,6 +229,7 @@ export default class Stack extends React.Component<Props, State> {
const {
header,
headerTransparent,
cardTransparent,
cardShadowEnabled,
cardOverlayEnabled,
@@ -270,6 +271,7 @@ export default class Stack extends React.Component<Props, State> {
hasCustomHeader={header === null}
getPreviousRoute={getPreviousRoute}
headerMode={headerMode}
headerTransparent={headerTransparent}
renderHeader={renderHeader}
renderScene={renderScene}
onOpenRoute={onOpenRoute}

4
packages/stack/src/views/Stack/StackItem.tsx
View File

@@ -55,6 +55,7 @@ type Props = {
headerStyleInterpolator: HeaderStyleInterpolator;
cardStyleInterpolator: CardStyleInterpolator;
headerMode: HeaderMode;
headerTransparent?: boolean;
floaingHeaderHeight: number;
hasCustomHeader: boolean;
};
@@ -102,6 +103,7 @@ export default class StackItem extends React.PureComponent<Props> {
hasCustomHeader,
getPreviousRoute,
headerMode,
headerTransparent,
renderHeader,
renderScene,
} = this.props;
@@ -131,7 +133,7 @@ export default class StackItem extends React.PureComponent<Props> {
importantForAccessibility={focused ? 'auto' : 'no-hide-descendants'}
pointerEvents="box-none"
containerStyle={
headerMode === 'float' && !hasCustomHeader
headerMode === 'float' && !headerTransparent && !hasCustomHeader
? { marginTop: floaingHeaderHeight }
: null
}