我如何才能在阵列末尾停止滑动？

问题描述

这是下面的完整代码：

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 (将#修改为@）