24ark / react-native-step-indicator

A simple react-native implementation of step indicator widget compatible with the ViewPager and ListView.
Apache License 2.0
1.41k stars 312 forks source link

StepIndicator component is pulsing when put in side a ScrollView #149

Open AizenSousuke opened 1 year ago

AizenSousuke commented 1 year ago

When put inside a ScrollView, the component is pulsing (growing and moving about its own axis). Anyone faced the same issue?

<ScrollView style={{ flexGrow: 0 }}>
                             ...
        {selectedIndex === 1 && (
            <Card>
                <Card.Title>Route</Card.Title>
                <Card.Divider width={1} />
                <StepIndicator
                    direction="vertical"
                    currentPosition={2}
                    stepCount={3}
                    labels={["Step 1", "Step 2", "Step 3"]}
                />
            </Card>
        )}
</ScrollView>

Only happens in vertical orientation.

Pravesh701 commented 1 year ago

I am facing too

AizenSousuke commented 1 year ago

what's your code like?

Pravesh701 commented 1 year ago

@AizenSousuke Thanks for replying, actually I developed my own with Animated, so with that, this problem was resolved.