Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

SnapTop not working with ref giving tension error #34

Open
adilsaeed31 opened this issue Jun 15, 2023 · 2 comments
Open

SnapTop not working with ref giving tension error #34

adilsaeed31 opened this issue Jun 15, 2023 · 2 comments

Comments

@adilsaeed31
Copy link

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

@numandev1
Copy link
Owner

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

@DevHapondo
Copy link

Thanks, it's fixed.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants