animation-with-worklets

SKILL.md

Guidelines for scheduling functions between JavaScript and UI threads using React Native Worklets. This skill covers when and how to use scheduleOnRN and scheduleOnUI, proper function definition patterns, and avoiding unnecessary worklet directives.

Never use the "worklet" directive unless explicitly requested. In 99.9% of cases, there is no need to use it. scheduleOnUI handles worklet conversion automatically, so the directive is unnecessary. This also applies to gesture detector callbacks - you don't need to add the "worklet" directive in gesture handler callbacks.

Use scheduleOnRN and scheduleOnUI from react-native-worklets instead of runOnJS and runOnUI from react-native-reanimated.

提供用於在 JS 和 UI 線程之間調度函數的 React Native Worklets 指南。適用於涉及scheduleOnRN、scheduleOnUI、worklet、線程調度、useAnimatedReaction、手勢處理程序或跨線程函數調用的任務。 來源：sovranbitcoin/sovran。

查看原文