如何解决我如何才能在阵列末尾停止滑动?
这是下面的完整代码:
const styles = StyleSheet.create({
text: {
fontSize: 25,},display: {
justifyContent: 'center',alignItems: 'center',});
const { width,height } = Dimensions.get("window");
const TEXT_HEIGHT = styles.text.fontSize;
const App = () => {
const [containerHeight,setContainerHeight] = useState(height);
const SampleFunction = (item) => {
Alert.alert(item);
}
let numbers = new Array(61);
for (let i = 0,num = 0; i < numbers.length && num < numbers.length; i++,num++) {
numbers[i] = num;
}
const {
gestureHandler,translation,velocity,state,} = usePanGestureHandler();
const translateY = diffClamp(withDecay({
value: translation.y,velocity: velocity.y,}),-numbers.length * TEXT_HEIGHT + containerHeight,0);
return (
<View style={styles.display}>
<PanGestureHandler {...gestureHandler}
onLayout={({
nativeEvent: {
layout: { height: h },}) => setContainerHeight(h)}
>
<Animated.View>
{numbers.map((item,source) => {
return (
<Animated.View
key={source}
style={[
styles.time,{ transform: [{ translateY }] },]}
>
<Text style={styles.text} onPress={SampleFunction.bind(item)}>{item}</Text>
</Animated.View>
);
})}
</Animated.View>
</PanGestureHandler>
</View>
)
};
export default App;
我对滑动不是很熟悉,所以我不明白为什么这样不起作用。该代码显示从0到60的数字。我想滚动浏览所有数字,但它从10开始到35结束。如何解决这个问题,所以我的滚动会从0开始到60结束?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。