@fruits-chain/react-native-xiaoshu/src/popup/helper.ts

🌈 React Native UI library

import type { ViewStyle } from 'react-native'
import { Dimensions } from 'react-native'

import type { PopupPosition } from './interface'

const isTopOrBottom = (position: PopupPosition) =>
  position === 'top' || position === 'bottom'

export const getTransform = (
  position: PopupPosition,
  value: any,
): ViewStyle => {
  if (position === 'center') {
    return {
      opacity: value,
      left: 0,
      right: 0,
      top: 0,
      bottom: 0,
      // transform: [
      //   {
      //     translateX: 0,
      //   },
      //   {
      //     translateY: 0,
      //   },
      // ],
    }
  }

  const isY = isTopOrBottom(position)

  return {
    transform: [
      isY
        ? {
            translateY: value,
          }
        : {
            translateX: value,
          },
    ],
  }
}

export const getPosition = (visible: boolean, position: PopupPosition) => {
  if (position === 'center') {
    return visible ? 1 : 0
  }

  if (visible) {
    return 0
  }

  const screen = Dimensions.get('window')

  const x = screen.width * (visible ? 0 : 1)
  const y = screen.height * (visible ? 0 : 1)

  switch (position) {
    case 'top':
      return -y

    case 'bottom':
      return y

    case 'left':
      return -x

    case 'right':
      return x

    default:
      return 0
  }
}