React Native flatlist，无法从一开始就加载视图

Posted 2023-02-16

【中文标题】React Native flatlist，无法从一开始就加载视图

【英文标题】：React Native flatlist, unable to load view from the start

【发布时间】：2021-03-21 15:36:23

【问题描述】：

                      <FlatList
                        data=data                        
                        inverted
                        horizontal 
                        renderItem=( item ) => 

                            if ( item.type == 'video') 
                                return(
                                    <TouchableOpacity style=styles.videoView>
                                        <View>
                                            <Image 
                                                source=require('./assets/thumbnail.png')
                                                style=styles.thumbnail
                                            />
                                            <Text>item.title</Text>
                                        </View>
                                    </TouchableOpacity>  
                                );
                            
                        
                        
                      />

flatlist 是从互联网上的 JSON 文件中获取的，但是当我在手机上加载应用程序时，列表会将我带到 JSON 文件的第一个元素（列表的底部），但我想当我加载应用程序时，请查看 JSON 文件的最后一个元素（列表顶部）。

【问题讨论】：

你为什么不试试data.reverse()？

我做了，但是 JSON 文件中的 id=1 是列表中的第一个元素，但我希望它是最后一个元素。当我像这样使用它时会发生这种情况，我希望在 flatlist id = 30 的开头加载视图，但现在我从列表的最后一个 id = 1 加载它

那么为什么反向不适合你呢？如果你反转它，之前第一个元素应该是最后一个

我不知道，反向不会改变任何东西

【参考方案1】：

Array.prototype.reverse() 可以反转您的数据然后呈现它。你可以在渲染前完成

【讨论】：

当我这样做时没有任何反应。如果我理解正确，您希望我这样做 'data=data.reverse()