react-native-flatlist相关内容

像 btns 这样的 facebook 一样,在 flatlist 中单独更改特定组件的状态

我在一个平面列表中有一个类似图标的列表.如果单击特定图标,我想更改颜色.但是如果我使用 likeStatus 状态来执行它并单击任何图标,那么所有图标的颜色都会改变.如何使用状态在平面列表中单独处理单个图标?我尝试了很多,但徒劳无功.任何帮助表示赞赏.提前致谢 构造函数(道具){超级(道具);this.state = {isLoading: 真,喜欢状态:空,};}componentDidMou ..
发布时间:2021-07-04 19:55:30 其他开发

在 React Native 中制作可重用的组件?

我制作了一个可重用的组件来呈现一个平面列表,当按下它时我有一个 TouchableOpacity 我想导航到一个特定的屏幕,我根据 FlateList 中的项目传递了一些参数 所以当我按下导航时出现错误 无法读取未定义的属性导航 这是我的代码 const OrdersList = props =>{返回 ( ..

添加到 FlatList 的正确方法

四处寻找将项目添加到平面列表的正确或最佳方式 我的第一个方法是简单地向状态添加一个项目..所以我尝试了这个: var NewObject = {};NewObject.Name = "新对象";this.setState({数据:[...this.state.Data, ...[NewObject]]}); 但是,这样做似乎会导致列表中的所有内容都被读取,并且我会遇到各种关键错误. ..
发布时间:2021-07-04 19:48:05 其他开发

不在同一组件中呈现项目的两个 FlatList 之一

我的 React Native 组件中有两个 FlatList.它们填充了类似的数据,第二个 FlatList 大约有 80 个项目.当第一个 FlatList 达到 11 个或更多(我正在向第一个 FlatList 动态添加项目)时,第二个停止渲染项目,即使过滤器的选择正确,它也是空的.这是第一个 FlatList: 第二个是: !completedItems.find(item1 = ..
发布时间:2021-07-04 19:47:17 其他开发

StickyHeaderIndices 在倒置的 FlatList 中无法正常工作

我还是个新手,我正在开发一个聊天应用程序.我正在使用 元素来显示一长串消息并向其添加 inverted 属性,以默认显示最后一条消息.但是让我的 FlatList 倒置,扰乱了我用来显示消息日期的 stickyHeaderIndices 的功能(就像他们在 WhatsApp 中所做的那样).已经两天了,我被困在这里了. 我还附上了 我正在使用的 ..

迭代 onLayout 调用以向 FlatList 的 getItemLayout 提供项目的行高的问题

我有一个填充了大约 18000 行文本的 FlatList.由于每行中的文本长度可变,因此我无法提供用于 getItemLayout 的静态高度. 我试图做的是首先使用虚拟视图遍历整个数据集,我通过 onLayout 从中收集高度维度.我的问题是,目前,视图在停止之前只重新渲染了大约 10 次.据我所知, onLayout 根本不会为最终出现在屏幕上的最后一个视图调用——这也是第 10 个( ..
发布时间:2021-07-04 19:43:37 其他开发

当与项目交互时,从函数返回的 React Native FlatList 或 const 从顶部重新呈现

我正在尝试将 flatlist 清单放入 React Native 选项卡视图中,为此您需要将 flatlist 声明为 const 以便它可以像 .不幸的是,每当我点击列表底部的一个项目时,它就会弹回到顶部并重新呈现列表.将 flatlist 直接渲染到组件渲染函数中时,不会出现此问题. 我已经简化了我的意思.https://snack.expo.io/ecO7YYlVZ 是点击项目弹出顶 ..
发布时间:2021-07-04 19:40:40 其他开发

FlatList numColumns 似乎无法正常工作?

我正在尝试使用 FlatList 以网格格式向某人显示一堆用户头像,但最终看起来很奇怪,我似乎无法弄清楚如何解决它. 这是它的样子 这是我的 FlatList 代码的样子: this.renderItem(item)}keyExtractor={this._keyExtractor}/> 这里是 renderItem 组件的样子: class UserButton 扩展 Reac ..
发布时间:2021-07-04 19:39:13 其他开发

反应原生“onViewableItemsChanged"滚动动态数据时不起作用

我有一个 React Native FlatList.基于 文档 我使用了 onViewableItemsChanged 用于获取屏幕上当前显示的项目.但是在滚动或滚动停止时什么也没有发生,我无法获得当前的 ID.我该如何正确使用它? export default class TimeLine extends Component {构造函数(道具){超级(道具);this.renderTimel ..

固定页脚与 FlatList 反应原生

在带有 ScrollView 的固定页脚上这个问题之后,我正在尝试实现使用 FlatList 在屏幕上固定页脚.我试图使用通过将平面列表放在视图中提供的答案,但是没有任何项目被渲染.有谁知道如何实现固定页脚,以扁平列表作为组件的另一个主要元素? 解决方案 使用这个 flex 解决方案 我设法用几个嵌套的视图来做到这一点: ..
发布时间:2021-07-04 19:33:35 其他开发

ScrolltoIndex 在平面列表上不起作用反应原生

我正在使用 flatList 来渲染 json 文件中的项目,我想在按下按钮时滚动到特定索引,我声明了按下按钮的功能,如下所示 goIndex = () =>{this.flatListRef.scrollToIndex({animated: true,index:5});}; 虽然它没有显示任何错误,但列表没有移动到指定的索引. 反应原生:0.55.4 附上FlatList的代码 ..
发布时间:2021-07-04 19:32:46 其他开发

突出显示 React-Native FlatList 中的选定项目

我组合了一个简单的 React-native 应用程序来从远程服务获取数据,并将其加载到 FlatList 中.当用户点击一个项目时,它应该被突出显示并保留选择.我相信这样一个微不足道的操作应该不难.我不确定我错过了什么. import React, { Component } from 'react';进口 {样式表,文本,看法,平面列表,活动指标,图像,可触摸不透明度,来自'反应原生';导出 ..
发布时间:2021-07-04 19:31:15 其他开发

如何在每次点击时按 15 个项目显示 Flatlist 的索引和结尾

我需要在单击向上和向下按钮时显示列表的索引和底部. 如果我单击向上或向下箭头,是否可以选择仅向上或向下显示 15 个项目. 例如)考虑一个包含 500 个项目的列表.它有一个上下箭头.如果我第一次点击向下箭头,我只需要显示 15 个项目,如果接下来点击向下箭头需要显示接下来的 15 个项目. 另外,如果我点击向上箭头,它需要显示 15 个以上的项目,而不是全部 在这个用例中 ..
发布时间:2021-07-04 19:29:43 其他开发

使 VirtualizedList 显示为网格

我正在尝试做这样的事情: 问题:该项目是用 immutablejs 和 根据 React Native Docs,我不能使用 FlatList 因此我不能使用该组件的 numColumns props 功能.AFAIK,我唯一的选择是使用 VirtualizedList 作为文档指出,但我无法弄清楚如何将单元格显示为如上所示的网格. 我已经尝试在单元格和视图包装器中添加 style 道 ..

反应原生平面列表不滚动

我一直在使用 FlatList 很多次,从来没有这样的经验.我有一个视图,页面顶部有一个图像,我的列表在下面.当我尝试滚动时,列表跳到顶部. 找不到好的解决方案. 这是我的清单: 指数}/>renderDetailsItem({ item, index }) {return ( ..
发布时间:2021-07-04 19:26:10 其他开发

React Native - FlatList - 内部状态

我正在使用 FlatList 以在我的 react-native 应用程序中实现 Store 视图. 我正在从组件的 componentDidMount 循环步骤中完成的 API 调用中检索商店项目,然后将其存储在我的本地 state 中. 我在 Flatlist 文档中发现了这句话: 当内容滚出渲染窗口时不会保留内部状态.确保您的所有数据都在项目数据或外部存储(如 Flux、R ..
发布时间:2021-07-04 19:22:48 其他开发

Nested Flat List Invariant Violation:VirtualizedList 包含一个单元,该单元本身包含多个 VirtualizedList

错误:不变违规:VirtualizedList 包含一个单元格,该单元格本身包含多个与父列表方向相同的 VirtualizedList.您必须将唯一的 listKey 属性传递给每个兄弟列表. 所以我正在尝试制作一个具有多个嵌套 FlatList 的 FlatList 像这样.. 1------FlaList Level 01.1-----FlatList 级别 11.2-----Flat ..
发布时间:2021-07-04 19:21:51 其他开发