react-native-flatlist相关内容
我在一个平面列表中有一个类似图标的列表.如果单击特定图标,我想更改颜色.但是如果我使用 likeStatus 状态来执行它并单击任何图标,那么所有图标的颜色都会改变.如何使用状态在平面列表中单独处理单个图标?我尝试了很多,但徒劳无功.任何帮助表示赞赏.提前致谢 构造函数(道具){超级(道具);this.state = {isLoading: 真,喜欢状态:空,};}componentDidMou
..
我制作了一个可重用的组件来呈现一个平面列表,当按下它时我有一个 TouchableOpacity 我想导航到一个特定的屏幕,我根据 FlateList 中的项目传递了一些参数 所以当我按下导航时出现错误 无法读取未定义的属性导航 这是我的代码 const OrdersList = props =>{返回 (
..
四处寻找将项目添加到平面列表的正确或最佳方式 我的第一个方法是简单地向状态添加一个项目..所以我尝试了这个: var NewObject = {};NewObject.Name = "新对象";this.setState({数据:[...this.state.Data, ...[NewObject]]}); 但是,这样做似乎会导致列表中的所有内容都被读取,并且我会遇到各种关键错误.
..
我的 React Native 组件中有两个 FlatList.它们填充了类似的数据,第二个 FlatList 大约有 80 个项目.当第一个 FlatList 达到 11 个或更多(我正在向第一个 FlatList 动态添加项目)时,第二个停止渲染项目,即使过滤器的选择正确,它也是空的.这是第一个 FlatList: 第二个是: !completedItems.find(item1 =
..
我还是个新手,我正在开发一个聊天应用程序.我正在使用 元素来显示一长串消息并向其添加 inverted 属性,以默认显示最后一条消息.但是让我的 FlatList 倒置,扰乱了我用来显示消息日期的 stickyHeaderIndices 的功能(就像他们在 WhatsApp 中所做的那样).已经两天了,我被困在这里了. 我还附上了 我正在使用的
..
我有一个填充了大约 18000 行文本的 FlatList.由于每行中的文本长度可变,因此我无法提供用于 getItemLayout 的静态高度. 我试图做的是首先使用虚拟视图遍历整个数据集,我通过 onLayout 从中收集高度维度.我的问题是,目前,视图在停止之前只重新渲染了大约 10 次.据我所知, onLayout 根本不会为最终出现在屏幕上的最后一个视图调用——这也是第 10 个(
..
我正在尝试将 flatlist 清单放入 React Native 选项卡视图中,为此您需要将 flatlist 声明为 const 以便它可以像 .不幸的是,每当我点击列表底部的一个项目时,它就会弹回到顶部并重新呈现列表.将 flatlist 直接渲染到组件渲染函数中时,不会出现此问题. 我已经简化了我的意思.https://snack.expo.io/ecO7YYlVZ 是点击项目弹出顶
..
我的容器是一个滚动视图,里面是一个平面列表,它从服务器加载数据. 平面列表: }数据={数据}getItem={(items, index) =>items.get(index)}getItemCount={(items) =>items.size}keyExtractor={(item, index) =>字符串(索引)}renderItem={this._renderItem}刷新控制
..
我正在尝试使用 FlatList 以网格格式向某人显示一堆用户头像,但最终看起来很奇怪,我似乎无法弄清楚如何解决它. 这是它的样子 这是我的 FlatList 代码的样子: this.renderItem(item)}keyExtractor={this._keyExtractor}/> 这里是 renderItem 组件的样子: class UserButton 扩展 Reac
..
我有一个 React Native FlatList.基于 文档 我使用了 onViewableItemsChanged 用于获取屏幕上当前显示的项目.但是在滚动或滚动停止时什么也没有发生,我无法获得当前的 ID.我该如何正确使用它? export default class TimeLine extends Component {构造函数(道具){超级(道具);this.renderTimel
..
在带有 ScrollView 的固定页脚上这个问题之后,我正在尝试实现使用 FlatList 在屏幕上固定页脚.我试图使用通过将平面列表放在视图中提供的答案,但是没有任何项目被渲染.有谁知道如何实现固定页脚,以扁平列表作为组件的另一个主要元素? 解决方案 使用这个 flex 解决方案 我设法用几个嵌套的视图来做到这一点:
..
我正在使用 flatList 来渲染 json 文件中的项目,我想在按下按钮时滚动到特定索引,我声明了按下按钮的功能,如下所示 goIndex = () =>{this.flatListRef.scrollToIndex({animated: true,index:5});}; 虽然它没有显示任何错误,但列表没有移动到指定的索引. 反应原生:0.55.4 附上FlatList的代码
..
我组合了一个简单的 React-native 应用程序来从远程服务获取数据,并将其加载到 FlatList 中.当用户点击一个项目时,它应该被突出显示并保留选择.我相信这样一个微不足道的操作应该不难.我不确定我错过了什么. import React, { Component } from 'react';进口 {样式表,文本,看法,平面列表,活动指标,图像,可触摸不透明度,来自'反应原生';导出
..
我需要在单击向上和向下按钮时显示列表的索引和底部. 如果我单击向上或向下箭头,是否可以选择仅向上或向下显示 15 个项目. 例如)考虑一个包含 500 个项目的列表.它有一个上下箭头.如果我第一次点击向下箭头,我只需要显示 15 个项目,如果接下来点击向下箭头需要显示接下来的 15 个项目. 另外,如果我点击向上箭头,它需要显示 15 个以上的项目,而不是全部 在这个用例中
..
我正在尝试做这样的事情: 问题:该项目是用 immutablejs 和 根据 React Native Docs,我不能使用 FlatList 因此我不能使用该组件的 numColumns props 功能.AFAIK,我唯一的选择是使用 VirtualizedList 作为文档指出,但我无法弄清楚如何将单元格显示为如上所示的网格. 我已经尝试在单元格和视图包装器中添加 style 道
..
我一直在使用 FlatList 很多次,从来没有这样的经验.我有一个视图,页面顶部有一个图像,我的列表在下面.当我尝试滚动时,列表跳到顶部. 找不到好的解决方案. 这是我的清单: 指数}/>renderDetailsItem({ item, index }) {return (
..
我测试了 FlatList.这是我想要做的: 1.使用componentDidmount 获取10个初始数据2. 向下滚动以获取另外 10 个数据 App.js 从'react'导入React;进口 {看法,安全区视图,文本,平面列表,来自'反应原生';从 'lodash.throttle' 导入油门;从'./src/data/tmpdata'导入{tmpPosts};类 App 扩展
..
我正在使用 FlatList 以在我的 react-native 应用程序中实现 Store 视图. 我正在从组件的 componentDidMount 循环步骤中完成的 API 调用中检索商店项目,然后将其存储在我的本地 state 中. 我在 Flatlist 文档中发现了这句话: 当内容滚出渲染窗口时不会保留内部状态.确保您的所有数据都在项目数据或外部存储(如 Flux、R
..
我目前正在使用 React Native 构建应用程序: 这是我的平面清单: 在这个函数中,我想滚动到一个特定的索引: _enableTVEventHandler() {this._tvEventHandler = new TVEventHandler();this._tvEventHandler.enable(this, function(cmp, evt) {this.ref
..
错误:不变违规:VirtualizedList 包含一个单元格,该单元格本身包含多个与父列表方向相同的 VirtualizedList.您必须将唯一的 listKey 属性传递给每个兄弟列表. 所以我正在尝试制作一个具有多个嵌套 FlatList 的 FlatList 像这样.. 1------FlaList Level 01.1-----FlatList 级别 11.2-----Flat
..