react-native-progress icon indicating copy to clipboard operation
react-native-progress copied to clipboard

CircleSnail pops up everywhere on the screen

Open ngotrongphuc opened this issue 4 years ago • 2 comments

I just used these simple code from the docs in order to check if it works properly before put it in my code. But i got this bug: the CirleSnail just keep showing and hiding everywhere in my screen, it looks so laggy, but its colors still changed <Progress.Bar progress={0.3} width={200} /> <Progress.Pie progress={0.4} size={50} /> <Progress.Circle size={30} indeterminate={true} /> <Progress.CircleSnail color={['red', 'green', 'blue']} /> circlesnail_bug

ngotrongphuc avatar Jun 16 '21 16:06 ngotrongphuc

I had the same problem so I just added a width, height, and size (diameter of the circle) to the progress bar.

<Progress.CircleSnail 
          color={['red', 'green', 'blue']} 
          height={100}
          width={100}
          size={100} />

But, I also noticed that just adding style={{ alignSelf: "center"}} works as well.

My full code:

<Progress.CircleSnail 
          color={["red", "green", "blue"]}
          height={100}
          width={100}
          size={100}
          style={{
            alignSelf: "center",
          }}/>

colorgold avatar Sep 21 '21 01:09 colorgold

same here and only style={{alignSelf: "center"}} helps.

maybe that should be added to the overriding default style props in CircleSnail.js:152

Nestoro avatar Oct 25 '21 13:10 Nestoro