为什么我的FlatList没有在React Native中显示？
在React Native中，FlatList是一个用于展示长列表数据的高性能组件。如果你的FlatList没有显示出来，可能有以下几个原因：
- 数据源问题：首先要确保你的数据源是正确的，并且包含了需要展示的数据。可以通过打印数据源来检查是否有数据。
- 渲染项问题：FlatList需要通过renderItem属性来指定每个列表项的渲染方式。你需要确保renderItem属性正确地指向了一个渲染函数，并且该函数能够正确地渲染每个列表项。
- 样式问题：检查一下你的FlatList组件是否有正确的样式设置。可能是你的FlatList没有设置正确的高度或宽度，导致无法显示出来。
- 错误处理问题：在React Native中，可能会出现一些错误，例如网络请求失败或者数据解析错误等。你可以通过在FlatList组件上添加onError属性来处理这些错误，并给出相应的提示或处理方式。
如果以上方法都没有解决你的问题，你可以参考React Native官方文档中关于FlatList的使用说明，以及查看相关的社区讨论和问题解答。另外，腾讯云也提供了一些与React Native相关的产品和服务，你可以参考官方文档来了解更多信息。
相关·内容
3回答
FlatList参考问题
react-native、react-native-flatlist
我没有得到ref of flatlist总是得到
export default class ListData extends Component { super(props);flatListRef: null } return (
浏览 4提问于2019-05-04得票数 1
6回答
反应-本机: FlatList onRefresh没有被拉上来。
react-native、react-native-flatlist
当前行为：我已经在setState函数的回调中设置了GET请求，但这似乎没有起到任何作用。StoryActions.setStories(res.data)) } return ( <FlatList
浏览 12提问于2017-06-27得票数 17
回答已采纳
2回答
React本机-重新激活的底页:可快照容器中的内容仅可在iOS上滚动
android、ios、reactjs、react-native、bottom-sheet
我有一个带有3个捕捉点的容器，它还包含一个scrollView，我在其中显示更多信息。由于某些原因，这个滚动视图只能在iOS上运行，而不能在安卓上运行。然而，在Android上，当我在屏幕上进行一种垂直收缩来缩放移动时，滚动就会起作用。在iOS上，一切都可以完全无缝地工作。这里是reanimated-bottom-sheet的repo：
我已经尝试过使用底部页面库的存储库页面上提供的道具，并尝试使用
浏览 2提问于2020-07-17得票数 1
3回答
为什么flatlist不能映射和显示数据？
api、react-native、react-native-android、react-native-flatlist
我使用Zomato API来获取餐厅列表，数据以数组的形式存在，其中有不同的餐厅对象，然后是它们的名称和其他详细信息。import { FlatList } f
浏览 38提问于2020-02-18得票数 0
回答已采纳
2回答
如何在react-native中获取独立数组文件名"info.js“的值
reactjs、react-native
我是第一次接触react-native。我想从数组中获取值。我定义了包含来自"info.js“的数据的javascripts对象。我想使用card从名为"showInfo.js“的组件中的info.js中获取值。下面是我的代码附件。, { Component } from 'react</e
浏览 8提问于2019-04-01得票数 2
2回答
为什么我的FlatList没有在React Native中显示？
react-native、components、react-native-flatlist
我正在学习一个教程，但当我在编写代码时，我被卡住了。 为什么我的FlatList没有显示？ App.js只是返回MessagesScreen "screen“。这是我的MessagesScreen代码： import React from "react";
import { FlatList } from "re
浏览 29提问于2021-04-29得票数 0
回答已采纳
1回答
React本机状态未定义Vasern
react-native
我实际上是从移动开发和React Native开始的，我想一个名为Vasern的有趣的数据库，但现在我试图用componentDidMount()方法从我的数据库加载东西，但实际上我每次都会得到这个错误我确信这只是一个小错误，但我就是找不到…… 提前感谢 ? import React, {Component} from 'react</
浏览 11提问于2019-01-11得票数 2
回答已采纳
2回答
使用Axios显示数据(React Native)
react-native、axios
我正在尝试显示我使用Axios获取的数据。它们以数组的形式出现。正因为如此，我不能向他们展示。我该怎么办？这是我的fetch代码 axios.post('http://192.168.1.106:80/partner_project_backend/project_list.phpconsole.log(response.data)
浏览 1提问于2021-04-05得票数 0
1回答
为什么来自Firebase的数据不能在我的FlatList (React Native)中呈现？
javascript、firebase、react-native、firebase-realtime-database、react-native-flatlist
我是React Native的初学者，我正在尝试在FlatList中显示来自Google Firebase的数据。没有弹出的错误，但在我的列表中什么也没有显示。我知道componentDidMount()部分是有效的，因为当我在里面添加一个console.l
浏览 25提问于2020-03-21得票数 1
回答已采纳
2回答
React native get default style道具？
react-native
如何从我的React Native应用程序内部或使用调试工具获取默认样式道具？我尝试使用React Devtools，但它们只显示我设置的道具，而不是默认的道具。但是我对缺省值很感兴趣。我怎么看呢？我不想依赖于文档，而是想在我运行的应用程序中真正检查它。我使用的是函数式组件。
浏览 13提问于2020-01-13得票数 3
回答已采纳
2回答
如何使用react本机呈现一个大的动态列表视图
react-native、react-native-flatlist
我有一个CMS页面，其中可能包括商品或图像地板。图像可能没有一定的比例或大小。并且产品组件应该支持添加到购物车。
我使用FlatList来呈现这些数据。但是这似乎不是一个好的选择，因为呈现过程很慢，看起来主线程在第一次呈现时会被阻塞。当快速滚动时，会出现一些空块。在阅读了Flipkart的recyclerlistview文档后，似乎不是鼓励每一行的版面尺寸的好选择，而我的楼层<em
浏览 0提问于2019-10-18得票数 0
回答已采纳
1回答
为什么我的消息没有显示在React Native FlatList中？
react-native
我正在制作一个约会应用程序在反应原生和即时通讯使用FlatList来显示消息。我实现了inverted和onEndReached属性，当向上滚动时，消息会被抓取，没有问题。但是当发送消息时(im在nodejs服务器上使用socket.io-client )，新消息不会显示。下面是我的代码： sendMessage函数 const sendMessage = async () => {
if (!_i
浏览 24提问于2020-08-26得票数 0
3回答
为什么我的FlatList不显示？
react-native、react-native-flatlist
我正在尝试加载此FlatList，但它没有在屏幕上显示任何内容，也没有收到错误。breed console.log使用$t键记录对象数组。import { FlatList, Text, View } from 'react-native';
import{ connect
浏览 4提问于2018-07-16得票数 8
7回答
升级到响应Native0.62.0获取警告标志--不再需要在动画组件的ref上调用‘`getNode()’
react-native、react-navigation
我只是将我的本机应用程序升级到0.62.0，现在我的应用程序一直收到这个警告标志ref.getNode |
SafeV
浏览 2提问于2020-03-29得票数 16
1回答
Typescript:如何抑制“没有重载匹配此调用”？
reactjs、typescript、react-native、native-base
所以我有一个React Native应用程序，它使用Native Base作为UI库和Typescript。 现在有了一个Accordion，它在展开后立即呈现第二个(嵌套的) Accordion。这是非常好的。但是当我将这个listKey添加到我的Accordion中时，TypeScript抱怨No overload matches this call. 如何取消显示此警告？因为Native Base没有为他们<e
浏览 8提问于2020-03-30得票数 2
回答已采纳
3回答
垂直滚动内的垂直滚动步骤-反应本机
react-native、react-native-flatlist、react-native-scrollview、react-native-sectionlist
我需要创建以下界面：
这些部分中的一个包含垂直FlatList。我希望SectionList严格按节垂直滚动(例如通过scrollToLocation)，而垂直FlatList应该在自身内自由滚动，并且独立于SectionList滚动。也许您不需要使用SectionList或FlatList来解决这个问题，这就是我对如何实现这个问题的设想。谁有办法解决
浏览 24提问于2022-03-23得票数 2
1回答
如何确定FlatList何时完成数据显示？
reactjs、react-native、react-native-flatlist
我有一个FlatList，它包含根据类别呈现的内容。在这些类别之间切换会导致一些非常不稳定的行为。所以我想知道是否有一种方法可以在FlatList准备好显示数据时将状态isLoading最初设置为true，然后设置为false。
浏览 3提问于2021-10-06得票数 0
2回答
React Native -在平面列表上的组件内部获取api
react-native、fetch、react-native-flatlist
真正简化的想法基本上是： 我有一个评论id为[01, 02, 03, n]的array <ParentComponent> data={array} const [comment, setComment]{
text: &#
浏览 61提问于2019-12-19得票数 1
回答已采纳
1回答
如何在React-Native中创建水平循环视图？
javascript、reactjs、react-native
我有一个必须从API获取的问题列表，我希望每次呈现一个问题，这样当我按下三个按钮(是、否、可能)中的一个按钮时，就会呈现下一个问题。 例如。Recycle View 这就是我想让它看起来的样子，我试着使用react-native-recycler view-list，但它不起作用。 我如何制作这样的列表？
浏览 33提问于2019-09-19得票数 0
2回答
从FlatList理解React原生setState和componentWillMount
reactjs、react-native、expo
但是我不知道react是如何在componentWillMount外部重新绘制setState的，以及如何使用新的URI重新创建soundobject的如果我在渲染视图中只做了一个按钮，它可以在</e
浏览 2提问于2019-03-08得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
