react-native-flatlist相关内容

如何在 FlatList 上的 renderItem 中调用 fetch()?

到目前为止我一直无法解决这个问题，我希望这里的人可以帮助我:) 情况如下: 我使用一个以 JSON 格式返回的 API 加载了一个部门的用户列表(这可行). 对于 JSON 文件中的每个用户，我必须获取另一个包含传感器数据的 JSON 文件(这不起作用). 我实际上能够从 getStatus() 函数中获取 JSON 数据，但这是不正确的.因为，当 FlatList 被渲染 ..
发布时间：2022-01-20 15:14:32 其他开发

反应原生 Flatlist 导航

我遇到了错误TypeError:无法读取未定义的属性“导航".我不明白如何将导航组件传递给每个孩子，所以当用户按下一个项目时，它可以使用 React Navigation 导航到 employeeEdit 组件.如果这很明显，我是新手对不起. import React, { Component } from 'react';从'react-native'导入{ FlatList }；从'reac ..
发布时间：2022-01-10 17:54:12 其他开发

获取单个数据后如何强制Flatlist重新渲染?

当我从服务器获取单个数据并将它们设置为状态并传递给数据道具时，我遇到了 flatlist 问题，我在渲染中看不到任何更新“我正在添加一些加载，如果我'd 没有收到任何数据我显示了一个让我们说指示器"所以指示器消失，我看到黑屏！！ 仅供参考，当我启用热重载并在我的 IDE 中按保存时，我可以在我的屏幕中看到单个数据！ 那么我怎样才能强制它出现数据！ 代码 import React ..
发布时间：2021-12-06 22:28:15 移动开发

在两个可拖动的 Flatlist-React Native 之间拖放

我正在努力为我的 React-Native 应用程序创建一个需求，其中我有一个空白的 Dropbox(在放置一个平面列表项时它应该转换为一个可拖动的平面列表)和一个可拖动的平面列表，我必须从那里拖放到空白保管箱，反之亦然. 两个平面列表中的项目都应该有一个单击右侧的菜单，该菜单应该显示一个选项以将项目移动到另一个平面列表. 我知道这是一个非常常见的场景，但由于我对 React-Nati ..
发布时间：2021-09-15 19:20:14 前端开发

如何在 React Native 中对平面列表进行排序?

我的数据存储在 flatlist 中显示的状态，我想根据评级对数据进行排序.因此，如果我单击排序按钮，它们应按 升序 顺序排序，当我再次单击时，它们应按 降序 顺序排序. 我有一个存储在 state 中的对象数组，下面只是一段重要的数据. show_data_list = [{ ratings : { total : 4, ...其他东西 } } ] 有没有办法做到这一点，我尝试使用对数 ..
发布时间：2021-07-04 20:22:10 其他开发

ReactNative - FlatList 直到滚动才更新

我在使用 FlatList 组件时遇到问题，该组件在滚动之前不会更新. 我尝试将日志添加到 renderItem 和 keyExtractor 这两个方法都使用正确的数据调用，但列表没有更新. 这是一个渲染方法: render() {const 消息 = this.props.messagesconst message = this.props.message返回 ( ..
发布时间：2021-07-04 20:18:22 其他开发

数据出现在 console.log 中，但不在 <Text>{}</Text> 中尝试呈现 FlatList 时的标记

我试图让一些特定数据出现在一些标签中，但它没有显示.但是，当我 console.log 尝试在 Text 标签中获取相同的数据时，我可以看到它. 这是我的代码 import React, { Component } from 'react';进口 {看法，平面列表，文本来自'反应原生'从“反应导航"导入 { NavigationActions };从'../common'导入{标题}；从' ..
发布时间：2021-07-04 20:15:14 其他开发

直到第二次按下按钮状态才会改变?添加回调会抛出错误“不变量违反:传递的参数无效"；

我正在尝试呈现一个包含商店名称的 Flatlist.单击商店名称后，应显示有关商店的更多信息. 我试图改变状态，然后使用 {this.renderMoreDetails(item) &&this.state.moreDetailsS​​hown} 获取显示的附加信息.但是，通过 console.log 可以清楚地看到，状态仅在第二次按下按钮后才会更改. 从我在这篇文章中读到的内容1 ..
发布时间：2021-07-04 20:14:48 其他开发

在 flatList 中加载大量图像是否会影响性能以及如何避免它

(只是要注意我不想使用分页我想加载非常大的列表) 我正在使用 flatlist 渲染大约 5000 个项目. 每个项目都像这样参考照片(不是同一张照片只是例子): 256 × 256 PNG30,759 字节(30 KB) 或更大. 当我处理超过 1000 个项目时，我开始遇到性能问题. 首先是这个现实问题，从 url 引用的图像是否会进入手机内存? 加载这么多图片时，有没有 ..
发布时间：2021-07-04 20:12:42 其他开发

我如何为 <FlatList/> 使用 getItemLayout 道具?在 React Native 中?

我有一个平面列表.数据数组是一本书的内容(段落、图像、副标题).如何在我的 FlatList 上正确实施 getItemLayout 道具?我知道这是假设告诉 FlatList 每个项目的高度以使其更具性能.但是，我如何找出每个项目的大小?这是我要通过猜测来任意确定含义的东西吗?每个项目都是不同的大小.我尝试在 getItemLayout 中输入随机值只是为了看看会发生什么，但是我真的不知道如何判 ..
发布时间：2021-07-04 20:06:24 前端开发

FlatList onPress 到带有数据的不同屏幕

我有一个列表中的国家/地区列表，其中包含我使用 API 制作的搜索过滤器.我想这样做，当我在平面列表中按下一个国家/地区的名称时，它会将我带到一个屏幕，在该屏幕上它会打印出该特定国家/地区的名称及其案例数.LocationDataScreen 是我想打印出该信息的屏幕.任何帮助表示赞赏:) 这是我当前的代码如下: const fetchData = () =>{const apiURL = ..
发布时间：2021-07-04 20:05:26 其他开发

如何将带有对象的列表从服务器传递到 FlatList?

我正在尝试创建一个 FlatList，其中包含一个包含来自服务器的数组的对象的数组，但我无法让它工作. 我的错误信息: TypeError: 无法读取未定义的 proparty 'Data' 我可以让它与不是从服务器获取的普通列表一起工作.这是我的工作清单中的结构 [{"DATA":[{"filter_id":"44","filter_name":"filter 1"}, {" ..
发布时间：2021-07-04 20:04:02 其他开发

scrollView中的scroll tab，内容是flatlist，有header，如何解决滚动冲突

我遇到一个问题，在页面上它有一个标题，一个滚动选项卡，主要内容是两个FlatList.我使用动画，让标题在一个视图中并使用绝对布局.这个解决方案有一个问题，FlatList不能滚动，它只能滚动scrollView.当数据增长时，性能很差. 这是解决方案代码: ..
发布时间：2021-07-04 20:02:55 其他开发

FlatList React Native 0.60 Android 空白和冻结

最终更新 我正在回答我自己的问题.请参阅下面的答案. 更新更新 即使我用 this.state.updating 解决了这个问题，仍然没有运气.显然这里发生的问题不止一个. 更新 事实证明，我重用了一些为早期应用编写的旧 FlatList 代码，而没有重用对 this.state.updating 的其他引用，这就是我指向 extraData 的内容.所以我有效地将 ..
发布时间：2021-07-04 20:02:20 移动开发

React Native FlatList 获得无限循环 onRefresh

我试图从 redux 获取数据到 FlatList 并且 onRefresh={} 给了我一个无限循环.当我不使用 redux 时它可以工作，但是当我将我的提取移动到 redux 操作时，我感到困惑. 有人可以向我描述我做错了什么吗? 提前致谢. 使用我的零食:https://snack.expo.io/@thesvarta/redux-with-flatlist 这是我的 ..
发布时间：2021-07-04 20:01:34 其他开发

如何实现从 FlatList 中删除项目的方法?

我不确定如何在 FlatList 中添加删除功能.我知道我可以制作不同的组件，但我想知道如何在这个文件中做到这一点.我已经尝试了几个小时来解决这个问题，但不知道该怎么做. 导出默认函数 test() {const [enteredGoal, setEnteredGoal] = useState("");const [courseGoals, setCourseGoals] = useState( ..
发布时间：2021-07-04 19:59:51 前端开发