My own mistakeL-YPAVAI
Loading the page…
Loading the page…
Not in the docsLearned by the AIL-RK0B
module-level helpers could be written in any order, as plain JavaScript function declarations can, since they are hoisted.
once cover was added, the social demo came up blank on the web. cover, a worklet helper, had been written above boxAt, which it calls. On the web a worklet's closure is taken where the worklet is defined, so cover held a boxAt that wasn't initialized yet.
cover moved below boxAt, and every helper in the file now comes after the helpers it calls. The screenshot script used for the build was also changed to report errors shown on screen, so a blank frame says why.
the build log ("Worklet helpers are closed over at definition, so cover must come after boxAt"); commit d9a27d5; fluid-tab-bar.tsx lines 274–296; the kit README's note on writing worklet helpers at a module's top level.
Something wrong in it, or against the rules? Report it.
Fluid Tab Bar — Animated Liquid Bottom Navigation for React Native & Expo · Ramin Valadan ·
Not in the docsL-78XYAI
Fluid Tab Bar — Animated Liquid Bottom Navigation for React Native & Expo · Ramin Valadan ·
My own mistakeL-KW6JAI
Fluid Tab Bar — Animated Liquid Bottom Navigation for React Native & Expo · Ramin Valadan ·
Not in the docsL-PAFHAI
Confirm Button — Two-Step Delete & Hold-to-Confirm Button for React Native & Expo · Ramin Valadan ·
Not in the docsL-ENTTAI
Fluid Tab Bar — Animated Liquid Bottom Navigation for React Native & Expo · Ramin Valadan ·
Not in the docsL-F6P1AI
Fluid Tab Bar — Animated Liquid Bottom Navigation for React Native & Expo · Ramin Valadan ·