我有一个<ScrollView />
,包裹在Animatable.View(带有一些标准动画的Animated.View的包装器)内
赞:
<Animatable.View
animation={this.state.businessSlide}
duration={500}
delay={this.state.delay}
useNativeDriver={false}
easing={"ease-in-cubic"}
onAnimationEnd={this.handleBusinessPop}
>
<ScrollView
style={{ width: "100%", alignSelf: "center", height: 175, zIndex: 999 }}
contentContainerStyle={{ alignSelf: "center", justifyContent: "center", alignItems: "center", flexGrow: 1 }}
onScroll={(event) => this.businessScroll(event)}
scrollEventThrottle={16}
>
{this.state.businessMerchants.map((merchant, index) => (
<Business
merchant={merchant}
key={merchant.id}
isCurrentItem={index === this.state.currentItemIndex}
/>
))}
<View style={{ height: 100 }} />
</ScrollView>
</Animatable.View>
视图从底部滑入该位置。
我认为这是由于某种程度的重叠或某种原因所致,就像我将平移距离设置为0(即动画化到通常没有动画视图时的动画位置)一样,它滚动得很好。
这仅发生在Android上,iOS可以正常工作。