tamagui icon indicating copy to clipboard operation
tamagui copied to clipboard

Progress bar with value 0 shows animation at initial render

Open Samox opened this issue 1 year ago • 1 comments

Current Behavior

I display an empty progress bar (with completion 0) and when it appears on the screen a quick animation is shown from 5% to 0.

Expected Behavior

I would like the bar to stay empty, and to start filling when the value is not 0

Tamagui Version

1.101.3

Platform (Web, iOS, Android)

iOS

Reproduction

https://github.com/Samox/tamagui-progress-bar-bug

System Info

No response

Samox avatar Jun 27 '24 16:06 Samox

Here is a video with 4 different animations

<Progress backgroundColor={"$gray1"} value={0}>
    <Progress.Indicator
      animation={undefined}
      backgroundColor="$accentColor"
    />
</Progress>
<Progress backgroundColor={"$gray1"} value={0}>
    <Progress.Indicator animation={null} backgroundColor="$accentColor" />
</Progress>
<Progress backgroundColor={"$gray1"} value={0}>
    <Progress.Indicator animation={"lazy"} backgroundColor="$accentColor" />
</Progress>
<Progress backgroundColor={"$gray1"} value={0}>
    <Progress.Indicator
      animation={"bouncy"}
      backgroundColor="$accentColor"
    />
 </Progress>

https://github.com/tamagui/tamagui/assets/6906559/540f4a9d-be6c-4b67-a137-348a28dce61a

Samox avatar Jun 27 '24 16:06 Samox

Fixed in 893b8d810b610adb2793cd879b02e11f9f73fc26

natew avatar Jul 28 '24 20:07 natew