[BTAPP-46] Replace progress bar width animation with scaleX transform #56

Merged

chris merged 2 commits from feature/BTAPP-46 into main

2026-06-29 08:21:31 -06:00

chris commented

2026-06-29 08:10:08 -06:00

Owner

Ticket

BTAPP-46 Rework progress bar proportion animation using scale transform

Summary

Replace width-based Animated.Value animation (JS thread, useNativeDriver: false) with scaleX + translateX transforms (native thread, useNativeDriver: true)
Left-anchor the spent bar and right-anchor the remaining bar using the identity translateX = ±W·(1−scaleX)/2; the 8 px gap is baked into the scale targets rather than driven by a third animated view
Fix a pre-existing stale test assertion in progress/.test.tsx

## Ticket [BTAPP-46](http://192.168.2.100:7123/home/browse/BTAPP-46/) Rework progress bar proportion animation using scale transform ## Summary - Replace width-based `Animated.Value` animation (JS thread, `useNativeDriver: false`) with `scaleX` + `translateX` transforms (native thread, `useNativeDriver: true`) - Left-anchor the spent bar and right-anchor the remaining bar using the identity `translateX = ±W·(1−scaleX)/2`; the 8 px gap is baked into the scale targets rather than driven by a third animated view - Fix a pre-existing stale test assertion in `progress/.test.tsx`

chris added 1 commit

2026-06-29 08:10:08 -06:00

[BTAPP-46] Replace width animation with scaleX+translateX on native driver.

app / check (pull_request) Successful in 21s

Details

226e2eaf96

chris added 1 commit

2026-06-29 08:18:37 -06:00

[BTAPP-46] Fix rounded corners by moving borderRadius to container.

app / check (pull_request) Successful in 20s

Details

plane-sync / sync (pull_request) Successful in 1s