ivandotv

export function Popup({
  showPopup,
  setShowPopup,
}: {
  showPopup: boolean
  setShowPopup: (b: boolean) => void
}) {
  const bottomSheetRef = useRef<BottomSheet>(null)
  const popupSnappoints = ["30%"]

ivandotv

  // create a reference to the bottom sheet
  const bottomSheetRef = useRef<BottomSheet>(null)

  //custom snap points
  const snapPoints = ["30%", "60%"]

  //track the current snap point index
  const [currentIndex, setCurrentIndex] = useState(-1)

  // track on which snap point index bottom sheet is currently

ivandotv

export function BottomSheetComponent({
  showBottomSheet,
  setShowBottomSheet,
}: {
  showBottomSheet: boolean
  setShowBottomSheet: (b: boolean) => void
}) {
  // create a reference to the bottom sheet
  const bottomSheetRef = useRef<BottomSheet>(null)

ivandotv

module.exports = function (api) {
  api.cache(true)
  return {
    presets: ["babel-preset-expo"],
    plugins: ["react-native-reanimated/plugin"],
  }
}

ivandotv

yarn add @gorhom/bottom-sheet@^4
expo install react-native-reanimated react-native-gesture-handler

ivandotv

npx create-expo-app -t expo-template-blank-typescript

ivandotv

name: Test
on:
  push:
    branches:
      - '*'
  pull_request:
    branches:
      - main
      - develop
jobs:

ivandotv

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

ivandotv

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

ivandotv

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions