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。

查看原文