Skip to main content

Function: useSyncSharedValue()

useSyncSharedValue<T>(reanimatedSharedValue): WorkletsCoreSharedValue<T>

react-native-filament uses react-native-worklets-core for creating shared values, which works very similar to react-native-reanimated's shared values. However, you can't pass a reanimated shared value to a worklets core shared value directly. This hook allows you to sync a reanimated shared value with a worklets core shared value.

Type Parameters

T

Parameters

reanimatedSharedValue: SharedValue<T>

Returns

WorkletsCoreSharedValue<T>

Example

const reanimatedSharedValue = useSharedValue(0)
const workletsCoreSharedValue = useSyncSharedValue(reanimatedSharedValue)

// animate reanimatedSharedValue

return <ModelInstance index={0} rotate={workletsCoreSharedValue} />

Defined in

src/hooks/useSyncSharedValue.ts:22