@applicaster/zapp-react-native-ui-components/Components/Transitioner/index.js

Applicaster Zapp React Native ui components for the Quick Brick App

import * as React from "react";
import { useNavigation } from "@applicaster/zapp-react-native-utils/reactHooks/navigation";
import { useDimensions } from "@applicaster/zapp-react-native-utils/reactHooks/layout";
import { usePickFromState } from "@applicaster/zapp-react-native-redux/hooks";
import { TransitionerComponent } from "./Transitioner";

export const Transitioner = (props) => {
  const navigator = useNavigation();

  const {
    width,
    height,
    deviceInfo: { isTablet },
  } = useDimensions("window", {
    updateForInactiveScreens: false,
    deviceInfo: true,
  });

  const { appData } = usePickFromState(["appData"]);
  const isTabletPortrait = appData?.isTabletPortrait;

  return (
    <TransitionerComponent
      navigator={navigator}
      layoutData={{ isTabletPortrait, isTablet, width, height }}
      {...props}
    />
  );
};