How to use the @react-navigation/native.withOrientation function in @react-navigation/native

To help you get started, we’ve selected a few @react-navigation/native examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github benevbright / react-navigation-collapsible / index.js View on Github external
const translateY = getTranslateY(animatedDiffClampY, headerHeight)

    return (
      
    )
  }
}

const CollapsibleHeaderBackView = withOrientation(_CollapsibleHeaderBackView);

const collapsibleNavigationOptions = (configOptions, userOptions, navigation) => {
  userOptions = {
    ...configOptions,
    ...userOptions,
    headerStyle:{
      ...configOptions.headerStyle,
      ...userOptions.headerStyle
    }
  };

  const navigationParams = navigation.state.params;

  if(!navigationParams || !navigationParams.animatedYSum ){
    // console.log('navigationParams is null');
    return userOptions;
github react-navigation / stack / src / views / StackView / StackViewLayout.tsx View on Github external
flexDirection: 'column-reverse',
    overflow: 'hidden',
  },
  scenes: {
    flex: 1,
  },
  floatingHeader: {
    // @ts-ignore
    position: Platform.select({ default: 'absolute', web: 'fixed' }),
    left: 0,
    top: 0,
    right: 0,
  },
});

export default withOrientation(StackViewLayout);