pri*_*rum 5 javascript reactjs react-native
我想在这里问问题,我已经使用平移响应器制作了可拖动视图。我设法让它只能上下移动。这是我的泛响应器配置
this.panResponder = PanResponder.create({
onStartShouldSetPanResponder: (event, gesture) => true,
// THIS TRACK MOVEMENT OF OUR FINGER
onPanResponderMove: (event, gesture) => {
if (gesture.dy > 0) {
this.position.setValue({ y: gesture.dy });
}
},
onPanResponderRelease: (event, gesture) => {
if (gesture.dy > SWIPE_THRESHOLD) {
this.forceSwipeDown();
} else {
this.resetPosition();
}
},
});
Run Code Online (Sandbox Code Playgroud)
我在animated.view中使用它,这是代码
<Animated.View
style={[modalCard, this.position.getLayout()]}
{...this.panResponder.panHandlers}
>
{
// XButton
}
<TouchableOpacity style={button} onPress={() => this.props.closeModal()}>
<Icon
name='times'
size={wp(20)}
color='#A9A9A9'
/>
</TouchableOpacity>
<View style={topBorders}>
<View style={doubeLine} />
</View>
{this.props.children}
</Animated.View>
Run Code Online (Sandbox Code Playgroud)
我的问题是,当我将 ScrollView 作为此组件的子级时,滚动视图不会滚动。我不知道为什么会这样,谢谢。
oma*_*oma -2
我正在这样使用,它正在我的项目中工作:
<Animated.View>
<ScrollView>
{ this.renderMultimpleItems() }
</ScrollView>
</Animated.View>
Run Code Online (Sandbox Code Playgroud)
归档时间: |
|
查看次数: |
2612 次 |
最近记录: |