Am i writing the code wrong or is it not giving me the measure value ?

[sreekanthSubramani]

I just want to know the pageX of an animated view,
but the simulator just crashes - may i get any response to check If my code is wrong or did i missed anything ?

export default function AdvancedAPIhere(){

const [showAnim, setShowAnim] = useState(false)
const boxRef = useAnimatedRef(null)

const sharedVal = useSharedValue(0)

const stylers = useAnimatedStyle(()=>({
    transform : [{translateX : sharedVal.value}]
}))



useEffect(()=>{
showAnim ?

sharedVal.value = withTiming(300,
  { duration: 1000, easing: Easing.bounce },
  ()=>{
    'worklet'

    const ms = measure(stylers)
    console.log(ms.pageX)
  }
  
)

:
null
},[showAnim])



function haveMeasures(){
    setShowAnim(true)    
}



return(
    <SafeAreaView>
    <View>
        <Text>Advanced API for keyboard usage</Text>

        <Animated.View  style={[styles.box, stylers]} ref={boxRef}/>
        <Button title='Handle UI' onPress={()=>haveMeasures()}/>


    </View>
    </SafeAreaView>
)

}

[MatiPl01]

You are calling measure with the stylers variable here measure(stylers) instead of the boxRef. I think that this is the main problem why you aren't getting measurements as you don't pass a reference to the view you want to measure.

[sreekanthSubramani]

Thank you @MatiPl01

This works now, I mistook the ref value.

const measureRef = useAnimatedRef()
    const handleMeasureVal = ()=>{
        handleAnimation()
        runOnUISync(()=>{
            const refIntend = measure(measureRef)
            if(refIntend){
                console.log(refIntend)
            }
        })
    }

this works, and this is the minimal code - I gotta refine this code better !