react-native - Animated.FlatList 上的 disableIntervalMomentum 不起作用

Question

我正在开发一个应用程序，其中包含一个用于查看其他人故事的水平界面。为了提高性能，我使用了 FlatList 并且它工作正常，除了我可以像提要一样滚动它并且它不会在下一个索引/故事上停止

试图用 disableIntervalMomentum 来处理这个问题，这是一个 FlatList 应该从 ScrollView 继承的 Prop ，但它没有显示任何效果!
在世博会上运行:^34.0.1

除了自己编写整个滚动行为之外，我还能做什么？
感谢您的帮助! :D

        <Animated.FlatList
                        data={this.state.stories}
                        keyExtractor={this._keyExtractor}
                        renderItem={this._renderSingleStory}
                        style={StyleSheet.absoluteFillObject}
                        horizontal
                        snapToInterval={width}
                        disableIntervalMomentum
                        snapToAlignment={"center"}
                        decelerationRate={0.88}
                        initialScrollIndex={this.props.stories.indexOf(this.props.currentActiveBigStory)}
                        showsHorizontalScrollIndicator={false}
                        getItemLayout={(data, index) => (
                            { length: width, offset: width * index, index }
                        )}
                        onScroll={Animated.event(
                            [
                                {
                                    nativeEvent: {
                                        contentOffset: { x },
                                    },
                                },
                            ],
                            { useNativeDriver: true },
                        )}

                    />

Answer 1

我真的不知道当时我是如何修复它的，但现在它可以工作了。
这是当前的代码:

         <Animated.FlatList 
                            data={this.state.items}
                            keyExtractor={this._keyExtractor}
                            renderItem={this._renderSingleStory}
                            initialScrollIndex={this.props.items.indexOf(this.props.currentActiveBigStory)}
                            showsHorizontalScrollIndicator={false}
                            pagingEnabled
                            horizontal
                            getItemLayout={(data, index) => (
                                { length: width, offset: width * index, index }
                            )}
                            onScroll={Animated.event(
                                [
                                    {
                                        nativeEvent: {
                                            contentOffset: { x },
                                        },
                                    },
                                ],
                                { useNativeDriver: true },
                            )}

                        />

我希望它能帮助你! :D