react-native-bottomsheet-reanimated
react-native-bottomsheet-reanimated copied to clipboard
SnapTop not working with ref giving tension error
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 please try like this bottomRef.current.snapTo(0);
Thanks, it's fixed.