滚动到 flatList 中的最后一项 - Android

Question

我正在使用 FlatList - React Native 实现一个 Slider，

我有两个案例

• 按下可转到下一张幻灯片
• 按下可跳过并转到 Slider 中的最后一项

所以首先我应该知道我所在的当前索引并基于它 我滚动到下一项，

为了获得这个索引，我应该使用onMomentumScrollEnd，但问题是，它不会在 Android 中触发

   onMomentumScrollEnd={(ev) => {
          offsetRef.current = ev.nativeEvent.contentOffset.x;
          console.log('ev', ev.nativeEvent.contentOffset.x);
          console.log(' offsetRef.current', offsetRef.current);
    }}


const NextButton = () => {
  return (
    <TouchableOpacity
      onPress={() =>
        flatListRef.current.scrollToOffset({
          animated: true,
          offset: offset.current + width,
        })
      }>
      <Text style={{color: '#fff', fontSize: 16}}>Next</Text>
    </TouchableOpacity>
  );
};


const _renderSkipButton = () => {
    return (
      <AnimatedButton
        onPress={() => {
          // animation();
          // setDoneBtn((prev) => !prev);
          flatListRef.current.scrollToIndex({
            animated: true,
            index: data.length - 1, // Not work!
          });
        }}
        style={[styles.buttonCircle, {transform: [{translateY: skipButton}]}]}>
        <Text>skip</Text>
      </AnimatedButton>
    );
  };




 <Animated.FlatList
        data={data.reverse()}
        keyExtractor={(item) => item.title}
        horizontal
        ref={flatListRef}
        showsHorizontalScrollIndicator={false}
        pagingEnabled
        scrollEventThrottle={16}
        contentContainerStyle={{
          paddingBottom: 100,
          flexDirection: 'row-reverse',
        }}
        onScroll={Animated.event(
          [{nativeEvent: {contentOffset: {x: scrollX}}}],
          {useNativeDriver: false},
        )}
        onMomentumScrollEnd={(ev) => {
          const index = Math.round(ev.nativeEvent.contentOffset.x / ITEM_WIDTH);
          const newIndex = I18nManager.isRTL ? data.length - index - 1 : index;
          indexItem.current = newIndex;
          console.log('onMomentumScrollEnd', newIndex);
        }}
        renderItem={....}
       />

Live

Answer 1

onMomentumScrollEnd 在您用手指滑动时调用，我认为您需要手动管理。