react-native-flatlist 相关问题

在React Native中使用FlashList时出现问题?

此代码应该使用 RTK 查询和 Flash 列表的分页来加载无限数据。 数据正常传输,没有任何问题,唯一的问题是它一次加载所有数据并忽略 onEndR...

回答 1 投票 0

ScrollView 中的 FlatList 错误“VirtualizedLists 永远不应嵌套在具有相同方向的普通 ScrollView 中”

我在其中制作了一个组件EventCards,我使用Flatlist。我在 Home 组件中调用该组件,其中 EventCards 组件位于 ScrollView 中。 常量主页= () => { 返回 ( 其他组件...

回答 1 投票 0

React Native 列表上的性能警告

我有一个使用expo和TS进行原生反应的项目,我有一个屏幕,在其中渲染多个元素(或者至少预计随着时间的增加它会增长更多),我有以下内容...

回答 1 投票 0

FlatList 有时不会在数据更改时重新渲染

我正在React Native中使用react-query来获取数据。我有一个通知屏幕。在此屏幕中有两个查询 useGrocerNotifications -> 返回最后 10 条通知

回答 1 投票 0

问题键盘在 TextInput 中写入一个字符后隐藏(Flatlist 标题内的文本输入)

我花了两天时间解决这个问题,问题是: 当我将 TextInput 放入 Flatlist 中时, TextInput 的行为发生了变化,键盘在写入每个字符后失去焦点。 版本

回答 2 投票 0

为什么我显示空白屏幕?

从“react”导入React; 从“react”导入类型 {PropsWithChildren}; 进口 { 方面, 平面列表, 图像, 可按压, 安全区域视图, 滚动视图, 状态栏, 样式表, 文本,

回答 1 投票 0

问题:FlatList 仅渲染列表中的少数项目

我正在尝试使用 React-native 中的 FlatList 渲染包含 1500 个项目的列表。但它只显示前 5 项。我无法向下滚动查看剩余数据。 下面是代码

回答 1 投票 0

Android 上的 React Native FlatList 标头 zIndex

我在 Android FlatList 上遇到了问题。如果标头中有一个向下延伸的元素(在我的例子中,标头底部有一个下拉菜单),它总是在 flatList 下呈现

回答 1 投票 0

TypeScript React Native Flatlist:如何为 renderItem 提供其项目的正确类型?

我正在使用 TypeScript 构建一个 React Native 应用程序。 renderItem 抱怨解构项隐式具有任何类型。我用谷歌搜索并找到了这个问题并尝试实施他们所教的内容......

回答 11 投票 0

如何修复 {item.id} 始终等于 FlatList 数组中最后一项的 id?

const renderItem = ({ item }) => { 返回( setModalVisible(true)}> {项目.任务} ...

回答 1 投票 0

反应本机平面列表初始滚动到底部

我正在尝试使用 在 React Native 中创建聊天 与 WhatsApp 和其他聊天应用程序一样,消息从底部开始。 从 API 获取消息后,我调用 这个。

回答 15 投票 0

每次平面列表数据发生变化时,如何显示活动指示器?

我正在使用名为 selectedStream 的状态设置我的 flatlist 组件显示的数据。每次用户按下不同的组选项时,selectedStream 都会发生变化。我注意到公寓...

回答 2 投票 0

React Native Expo 中按下按钮时如何更新 FlatList?

导出默认函数 App() { const [toDoList, setToDoList] = React.useState([ { 任务:'菜肴', id:'1'}, { 任务:'洗衣', id:'2'}, { 任务:'菜肴', id:'3'}, { 任务:'洗衣',我...

回答 1 投票 0

当键盘弹出时反应原生屏幕尺寸变化和整个布局缩小

这是正常布局 这就是键盘弹出窗口中发生的情况 这是布局的代码 从 'react' 导入 React, { useState, } 从 '@react-navigation/native' 导入 { useNavigation, } 我...

回答 1 投票 0

Jest React Native FlatList onViewableItemsChanged 在使用 Jest 测试时执行内部函数

我正在使用 Flatlist 中的 onViewableItemsChanged 属性。该功能按预期工作,但是当我对其执行单元测试时,我可以看到该函数正在被调用,但统计数据...

回答 2 投票 0

在屏幕之间导航时尽快清空/隐藏平面列表

我有两个屏幕“历史记录”和“组”,每个屏幕都有一个平面列表,每个屏幕上都有不同的数据。 当我第一次加载屏幕时,我会显示一个加载图标,然后当我...

回答 1 投票 0

FlatList 在 React-Native 博览会中不滚动(水平)

我有两个在 App.js 中呈现的子组件,我的问题是第二个子组件 (BottomHorizontalBoxes.js)。我可以从 API 渲染项目,但它不会在 FlatList 中滚动,...

回答 1 投票 0

在 Expo React Native 的 Flatlist 中推送广告的最佳实践是什么

我有一个 Flatlist,可以显示类似帖子的项目(类似于 Facebook 帖子),一切都运行良好,现在我已经在我的应用程序上激活了 AdMob,我想在帖子之间推送广告以进行测试。 ..

回答 2 投票 0

React Native - 消耗太多 RAM,但没有在具有大数据的 FlatList 中释放

在 React Native 项目中,使用 React 查询在提要中引入无限滚动 - RAM 消耗越来越多,但没有释放看不见的组件的内存(开始...

回答 1 投票 0

当两个嵌套的 VirtualizedList 具有相同方向时,无法以编程方式滚动

所以这是我的问题,我在滚动视图中有一个sectionList组件,并且遇到了这个错误 所以这是我遇到的问题,我在滚动视图中有一个sectionList组件,并且遇到了这个错误 <ScrollView> <HomeHeader QuickAccess={QuickAccess} handleFilterPresentModalPress={handleFilterPresentModalPress} /> <MenuTab sectionListData={sectionListData} /> ***--->SectionList*** </ScrollView> 因此,为了避免我使用平面列表作为容器,现在我有一个嵌套在平面列表中的部分列表 <FlatList nestedScrollEnabled={true} onScroll={handleScroll} scrollEventThrottle={16} data={dummyData} keyExtractor={(item, index) => `key-${index}`} ListHeaderComponent={ <HomeHeader QuickAccess={QuickAccess} handleFilterPresentModalPress={handleFilterPresentModalPress} /> } ListFooterComponent={<View style={{ height: 10 }}></View>} renderItem={({ item, index }) => ( <MenuTab sectionListData={sectionListData} /> ***---> SectionList*** )} /> 但是现在当我以编程方式尝试将节列表滚动到某个标题时,我收到此错误 我也尝试在平面列表上添加nestedScrollEnabled,但没有成功 const scrollToSection = (sectionTitle) => { if (sectionListRef.current) { const sectionIndex = data.findIndex( (section) => section.title === sectionTitle ); if (sectionIndex >= 0) { sectionListRef.current.scrollToLocation({ sectionIndex: sectionIndex, itemIndex: 0, viewOffset: 0, animated: true, }); } } }; <TouchableOpacity onPress={() => scrollToSection("Sides")}> <Text>Scroll to Section 2, Item 2</Text> </TouchableOpacity> 对此的任何帮助或指导将不胜感激,提前致谢 世博小吃 所以我的问题是部分列表位于平面列表内。我使用 flatlist 作为主要容器。现在我将sectionList移到了外面,它可以工作了,谢谢@marcelofreiries

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.