Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

How to change width and height of ReanimatedArcBase? #4

Open
Jalson1982 opened this issue May 10, 2020 · 3 comments
Open

How to change width and height of ReanimatedArcBase? #4

Jalson1982 opened this issue May 10, 2020 · 3 comments
Labels
question Further information is requested

Comments

@Jalson1982
Copy link

Jalson1982 commented May 10, 2020

Hello, thank you for awesome job you do with this. I have a question. I can not change the size of the ReanimatedArcBase. Can you maybe help me with it?

@Jalson1982 Jalson1982 added the question Further information is requested label May 10, 2020
@jayu
Copy link
Owner

jayu commented May 10, 2020

It should be possible by changing the diameter prop. However this prop cannot be animated

@Jalson1982
Copy link
Author

Jalson1982 commented May 10, 2020

Here is my component:

        <Reanimated.Code
          exec={Reanimated.call([arcAngle.current], ([value]) => {
            setText(`${Math.round((value / 360) * 100)}%`);
          })}
        />
        <ReanimatedArcBase
          color={colors.lightGray}
          diameter={200}
          width={10}
          arcSweepAngle={360}
          lineCap="round"
          rotation={0}
          style={{position: 'absolute'}}
        />
        <ReanimatedArcBase
          color={colors.skyBlue}
          diameter={200}
          width={10}
          arcSweepAngle={arcAngle.current}
          lineCap="round"
          rotation={0}
          style={{position: 'absolute'}}
        />

If I set diameter like 100 it shows half of loader.

@aprilmintacpineda
Copy link

aprilmintacpineda commented Oct 28, 2020

You can change the diameter, but if you change the diameter, you have to reload the app for it to take place, so I think this means it can't be dynamic.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
question Further information is requested
Projects
None yet
Development

No branches or pull requests

3 participants