是什么导致了React Native中的FlatList出现故障？

文章/答案/技术大牛

发布

1回答

reactjs、react-native、react-native-flatlist

我有一个简单的提要，其中我使用FlatList加载帖子，并且它也有一些页面在达到某个点后加载。有一段时间，它运行得很好，完美地加载了页面，但在几个页面之后，它开始出现故障，有时甚至消失。我上传了这个关于问题的GIF <FlatList ref={ref => {

浏览 6提问于2019-11-05得票数 0

6回答

反应-本机: FlatList onRefresh没有被拉上来。

react-native、react-native-flatlist

当前行为：我已经在setState函数的回调中设置了GET请求，但这似乎没有起到任何作用。StoryActions.setStories(res.data)) } return ( <FlatList

浏览 12提问于2017-06-27得票数 17

回答已采纳

2回答

如何防止父平面列表在子视图中水平滚动时的垂直滚动？

react-native、react-hooks、react-native-flatlist

我有一个垂直滚动的Flatlist，在Flatlist的每一个项目中，我都有一个SwipeListView，来自react本机-刷-列表-视图。每当我在SwipeListView内水平滑动时，如果我也开始垂直滚动，然后开始垂直滚动Flatlist，它就会被取消。我尝试使用useState来管理scrollEnabled，但只有当用户缓慢地在SwipeListView中滑动时，这才有效。随着速度的提高，动画就会变得混乱。此外，我觉得必须有一个更清洁<em

浏览 11提问于2022-10-02得票数 3

1回答

在使用FlatList时获取不变冲突

react-native、react-native-flatlist

您好，我正试图在Flatlist中显示来自API的数据，但我一直收到错误消息，提示‘不变违规:元素类型无效:需要字符串(对于内置组件)或复合组件的类/函数，但没有定义。您可能忘记了从定义组件的文件中导出组件，或者您可能混淆了默认导入和命名导入。请检查'Query’的呈现方法。我先尝试了原始数据，然后尝试了JSON项目数组的静态数据。我还尝试返回一个文本元素，但当我尝试FlatList时，我得到了上面的错误。您可以

浏览 2提问于2019-11-11得票数 0

1回答

如何在React Native中以“向上”和“向下”两种方式将新数据加载到React？

javascript、android、react-native、react-native-flatlist

我正在使用Flatlist和React Native for Android，我需要在Flatlist的"Up“和"Down”位置(或水平视图中的"Left“和"Right”)到达Flatlist的末尾时动态加载新数据然而，Flatlist只有本机函数可以在onEndReached中“向下”(或在水平方向上“向右”)执行某些操作。你可以通过检测用户是否向左或向右滚动来解决这个问

浏览 12提问于2019-03-19得票数 2

3回答

在某些安卓设备中，图像不能在FlatList上渲染

android、image、react-native、render、react-native-flatlist

它不能在某些安卓系统中渲染，如moto g4和三星a50 !！它在一些安卓设备和iOS上呈现完美。当用户尝试打开应用程序时，图像不会按预期呈现。: 16.9.0 => 16.9.0 npmGlobalPackages: react-native-cli: 2.0.1 react-

浏览 36提问于2019-12-07得票数 7

回答已采纳

7回答

升级到响应Native0.62.0获取警告标志--不再需要在动画组件的ref上调用‘`getNode()’

react-native、react-navigation

我只是将我的本机应用程序升级到0.62.0，现在我的应用程序一直收到这个警告标志更新我相信这可能来自于反应导航的SafeAreaView

浏览 2提问于2020-03-29得票数 16

1回答

无法解析'react-native-web/dist/exports/ColorPropType‘

reactjs、react-native、expo、react-native-web、expo-web

我有一个应用程序，我想尝试expo start:网络功能，在解决了I had the error之后，它确实出现了类似AsyncStorage的错误 Can't resolve 'react-native-web/dist/exports/ColorPropType' 简单地说， /Users/xxx/Documents/xxxx/node_modules/re

浏览 29提问于2020-10-17得票数 1

2回答

如何在react-native中获取独立数组文件名"info.js“的值

reactjs、react-native

我是第一次接触react-native。我想从数组中获取值。我定义了包含来自"info.js“的数据的javascripts对象。我想使用card从名为"showInfo.js“的组件中的info.js中获取值。下面是我的代码附件。, { Component } from 'react'; import { View } from '

浏览 8提问于2019-04-01得票数 2

2回答

为什么我不能输入react-native* SearchBar？*

javascript、react-native、searchbar

当我键入时，搜索栏中什么也没有显示，但它知道我正在键入(从我的updateSearch函数中的print语句)。根据我对react原生searchBar的理解，我甚至不需要做任何事情就可以在那里显示文本，所以我真的不知道我是如何搞砸的。这是一个更大项目的一部分..但我祈祷这个问题和其他事情没有任何关系。import React, { Component } from "react"; View

浏览 9提问于2019-11-28得票数 1

2回答

React native get default style道具？

react-native

如何从我的React Native应用程序内部或使用调试工具获取默认样式道具？我尝试使用React Devtools，但它们只显示我设置的道具，而不是默认的道具。但是我对缺省值很感兴趣。我怎么看呢？我不想依赖于文档，而是想在我运行的应用程序中真正检查它。我使用的是函数式组件。

浏览 13提问于2020-01-13得票数 3

回答已采纳

3回答

FlatList与map react-native

javascript、reactjs、react-native、ecmascript-6

我最近开始使用react-native，并且偶然发现了FlatList组件。在使用react时，我总是使用带数组的map。我使用的是FlatList，但当我想要更改FlatList中项目的flex-direction时出现了问题，所以我又使用了map。下面是使用这两种方法的两个示例：{ this.state.images.map(image =&

浏览 2提问于2018-01-05得票数 19

回答已采纳

1回答

FlatList onPress函数重建器在更新后会导致延迟

reactjs、react-native、react-functional-component

因为我们更新了函数中的计数，所以它再次调用selfs，并重新排列所有平面列表项目/按钮，并导致滞后/延迟。import React, {useCallback, useState} from 'react'; import {TouchableOpacity,FlatList, View, Text}from 'react-nat

浏览 2提问于2020-10-20得票数 1

1回答

在TabView中没有滚动的平面列表(反应本机元素)

javascript、react-native、react-native-flatlist

我正在使用React-Native-Elements库创建选项卡。在TabView下，我有一个FlatList，列表会出现，但是它不能滚动，我尝试过实现flex: 1，以及在ScrollView中包装FlatList。下面的代码显示了TabView以及TabView.Item, View and FlatList的呈现。style={{flex: 1}}> <Text style={styles

浏览 1提问于2021-11-11得票数 0

2回答

App.js的render方法出错？React-原生问题

javascript、react-native

下面是我的代码： import React, {useState} from 'react';import 'react-native-get-random-values';

浏览 41提问于2020-09-24得票数 0

回答已采纳

3回答

在React Native中将项目动态添加到FlatList

javascript、arrays、react-native、listview、react-native-flatlist

我有一个有两个项目的FlatList。我需要在这个列表上追加另一个元素。当用户单击按钮时，来自文本输入的数据应该出现在FlatList的末尾。因此，我尝试将数据对象推送到列表数组的末尾，但新的项替换了最后一个项。import React, { useState } from 'react'; import { Text, View, StyleSheet, Button } from 'react

浏览 0提问于2020-04-06得票数 4

回答已采纳

1回答

平面列表在KeyboardAvoidingView中不可滚动

android、react-native

<KeyboardAvoidingView style={Styles.container}> data={this.props.data} renderItem但我还没能找到这个具体问题的提法。如果有人能对这个问题有所了解的话。我真的很感激。

浏览 0提问于2018-05-18得票数 1

2回答

未显示FlatList数据

javascript、reactjs、react-native

我正在开发一个React Native应用程序。我从RealmDB中获取data，并按listId对数据进行分组。我想在FlatList中渲染下面的数据，但是没有数据出现。piece": 1, { "listId": 7, }} 我的尝试是： <<

浏览 29提问于2020-09-17得票数 1

7回答

FlatList‘t不滚动

react-native

我在一个FlatList中设置了4个maxHeight设置为200的ScrollView。<ScrollView> <FlatList/> <FlatList/>当我尝试滚动一个FlatList时，全源代码 import

浏览 2提问于2018-06-29得票数 47

回答已采纳

2回答

当从防火墙提取数据时，Flatlist不呈现。

javascript、firebase、react-native、google-cloud-firestore

谢谢你阅读我的问题。真的很感激！我有一些驻留在Firebase Firestore中的数据。我正在导出一个获取并返回数据的函数。getDocs(q); data.push (doc.data()); return data;在我的主组件中FlatList, Dimensions } from 'react-<

浏览 1提问于2022-09-06得票数 0

点击加载更多