【问题标题】:React Native flatlist, unable to load view from the startReact Native flatlist,无法从一开始就加载视图
【发布时间】: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 加载它
  • 那么为什么反向不适合你呢?如果你反转它,之前第一个元素应该是最后一个
  • 我不知道,反向不会改变任何东西

标签: reactjs react-native expo react-native-flatlist react-flatlist


【解决方案1】:

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

【讨论】:

  • 当我这样做时没有任何反应。如果我理解正确,您希望我这样做 'data={data.reverse()}
猜你喜欢
  • 1970-01-01
  • 2022-08-12
  • 1970-01-01
  • 2022-11-30
  • 1970-01-01
  • 1970-01-01
  • 2021-12-29
  • 1970-01-01
  • 2019-07-27
相关资源
最近更新 更多