Question

在专辑列表中选择特定专辑之后，当我导航至应用程序中的歌曲列表页面时，我想在歌曲列表中显示所选专辑的歌曲。歌曲列表由平面列表制作。然后当我导航到歌曲列表时， I got this error. 那就是componentDidMount。

ComponentDidMount() {
    setTimeout(() => this.ref.scrollToIndex({ animated: true, index: this.state.rowIndex }), 500);
}

那是我的单位列表。

<FlatList
    getItemLayout={(data, index) => {
        return { length: width, offset: width * this.state.rowIndex * 0.75, index }
    }}
    horizontal
    initialNumToRender={10}
    data={this.state.slideData ? this.state.slideData : []}
    ref={r => this.ref = r}
    onScrollToIndexFailed={() => { }}
    // initialScrollIndex={this.state.rowIndex}
    renderItem={({ item }) => (

        <TouchableOpacity style={styles.albumImageGroup}
            onPress={() => {
                this.props.navigation.navigate('StageFive', {
                    'thumbnailURL': item['thumbnailURL'],
                    'title': item['title'],
                })
            }}
        >
            <Image style={styles.albumImage} source={{ uri: item['thumbnailURL'] }} />
        </TouchableOpacity>
    )}
    keyExtractor={item => item.id}
/>

如何解决？我找到了这个解决方案，但是对于我来说太旧了。 https://github.com/facebook/react-native/issues/14198#issuecomment-304175604

ScrollToIndex在React Native Flatlist中不起作用

0 个答案: