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

refactor: make sure height set on header container is focused header height

Browse Source
This commit is contained in:
Satyajit Sahoo
2020-10-23 03:32:40 +02:00
parent da91cec941
commit 960f0a5281
3 changed files with 14 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
packages/stack/src/views/Stack/CardStack.tsx
View File

@@ -391,6 +391,7 @@ export default class CardStack extends React.Component<Props, State> {
const focusedRoute = state.routes[state.index];
const focusedDescriptor = descriptors[focusedRoute.key];
const focusedOptions = focusedDescriptor ? focusedDescriptor.options : {};
const focusedHeaderHeight = headerHeights[focusedRoute.key];
let defaultTransitionPreset =
mode === 'modal' ? ModalTransition : DefaultTransition;
@@ -450,7 +451,14 @@ export default class CardStack extends React.Component<Props, State> {
focusedOptions.headerStyleInterpolator !== undefined
? focusedOptions.headerStyleInterpolator
: defaultTransitionPreset.headerStyleInterpolator,
style: [styles.floating, isFloatHeaderAbsolute && styles.absolute],
style: [
styles.floating,
isFloatHeaderAbsolute && [
// Without this, the header buttons won't be touchable on Android when headerTransparent: true
{ height: focusedHeaderHeight },
styles.absolute,
],
],
})}
</React.Fragment>
) : null;