react-native-screens/lib/module/components/gamma/stack/StackScreen.js

Native navigation primitives for your React Native app.

import React from 'react';
import { StyleSheet } from 'react-native';
import StackScreenNativeComponent from '../../../fabric/gamma/stack/StackScreenNativeComponent';
import { useRenderDebugInfo } from '../../../private/';

/**
 * EXPERIMENTAL API, MIGHT CHANGE W/O ANY NOTICE
 */
function StackScreen({
  children,
  // Control
  activityMode,
  screenKey,
  // Events
  onWillAppear,
  onWillDisappear,
  onDidAppear,
  onDidDisappear,
  onDismiss,
  onNativeDismiss
}) {
  const onDismissWrapper = React.useCallback(event => {
    if (event.nativeEvent.isNativeDismiss) {
      onNativeDismiss?.(screenKey);
    } else {
      onDismiss?.(screenKey);
    }
  }, [onDismiss, onNativeDismiss, screenKey]);
  const componentRef = useRenderDebugInfo(React.useMemo(() => `StackScreen (${screenKey})`, [screenKey]));
  return /*#__PURE__*/React.createElement(StackScreenNativeComponent
  // @ts-ignore - debug only
  , {
    ref: componentRef,
    style: StyleSheet.absoluteFill
    // Control
    ,
    activityMode: activityMode,
    screenKey: screenKey
    // Events
    ,
    onWillAppear: onWillAppear,
    onDidAppear: onDidAppear,
    onWillDisappear: onWillDisappear,
    onDidDisappear: onDidDisappear,
    onDismiss: onDismissWrapper
  }, children);
}
export default StackScreen;
//# sourceMappingURL=StackScreen.js.map