react-native-bottomsheet-reanimated icon indicating copy to clipboard operation
react-native-bottomsheet-reanimated copied to clipboard

SnapTop not working with ref giving tension error

Open adilsaeed31 opened this issue 2 years ago • 2 comments

Dear,

I'm using this package, but unfortunately the snapTo ref func not working for me,

it's giving me snapPoint.tension error

below is the screenshot, I'm testing in IOS 16.4 iPhone 14.

using below package "react-native-bottomsheet-reanimated": "^0.3.1"

with this package installed in separately was giving error

"react-native-interactable-reanimated": "0.0.15"

Component Code below

import React, {useRef, useState} from 'react'
import {Text} from 'react-native'
import BSheet from 'react-native-bottomsheet-reanimated'
import Ripple from 'react-native-material-ripple'

const BottomSheet = () => {

  const bottomRef = useRef(null)

  const onPress = () => {
   // calling below func on press
    bottomRef.current.snapTo(['16%', '80%'])
  }

    return (
      <BSheet
        keyboardAware
        ref={bottomRef} // here is the ref attached
        initialPosition={'16%'}
        snapPoints={['16%', '80%']}
        isRoundBorderWithTipHeader={true}
        header={
          <>
            <Ripple
              onPress={onPress}>
               <Text>
                 Drag Me
               </Text>
            </Ripple>

         
          </>
        }
        body={
          <View><Text>Body</Text></View>
        }
      />
    )
  } else {
    return null
  }
}

Screenshot

https://ibb.co/nkG7RK7

adilsaeed31 avatar Jun 15 '23 17:06 adilsaeed31

@adilsaeed31 please try like this bottomRef.current.snapTo(0);

numandev1 avatar Jun 16 '23 09:06 numandev1

Thanks, it's fixed.

DevHapondo avatar Jun 17 '23 19:06 DevHapondo