react-native-flatlist 相关问题

React Native Flatlist 自动滚动

我有一个平面列表组件,我想让它自动滚动。 ( 我有一个平面列表组件,我想让它自动滚动。 <FlatList contentContainerStyle={{}} data={banners} renderItem={(item) => ( <Image source={{ uri: item.item }} style={styles.image} /> )} horizontal showsHorizontalScrollIndicator={false} snapToInterval={width} snapToAlignment={'center'} decelerationRate={'fast'} /> 这是到目前为止我需要什么属性而不是 setInterval 的组件还有其他想法吗? 我搜索了去年的一些旧解决方案,这些解决方案已经过时了。我想要一些代码行数更少并且更容易应用的东西。 如果您想要最少的代码行并且不想自己处理触发滚动,则应该使用像这样的轮播包: https://github.com/dohooo/react-native-reanimated-carousel#readme

回答 1 投票 0

如何先显示平面列表最后一部分?

我开发了一个聊天应用程序。当客户选择聊天时,我必须首先向他们显示最后一条聊天消息。我这样使用scrollToEnd: this.flatListRef.current.scrollToEnd({animated:false}); ...

回答 3 投票 0

FlatList 中的 React Native 内联元素实现

我是原生反应新手,我遇到了这样的问题 我有很多文本元素,我想一个接一个地对齐,而不需要转到下一行,如图所示...... 输入图片

回答 1 投票 0

react-native FlatList 滚动到聊天应用程序的底部

我制作了一个聊天应用程序,并使用平面列表来呈现消息。但问题是每次加载页面时都尝试滚动到屏幕末尾,但失败了。我试过反转...

回答 6 投票 0

多个时区 7000 个会议和 Flatlist 的 JSON 文件

我是一名基础开发人员,致力于一个宠物项目,并为通过 Flatlist 在 React Native 应用程序中显示此内容的最佳方法而陷入困境。 首先,这是 JSON 文件的格式。

回答 1 投票 0

ReactNative FlatList:绝对停留中项目的流体扩展

我正在尝试实现一种类似于 iOS 上的天气应用程序的行为:其中有一个城市瓷砖列表。 单击其中一个城市后,它会扩展并增大尺寸,以覆盖列表...

回答 1 投票 0

React Native FlatList 用于聊天应用程序以即时显示最新消息

我正在 React Native 中开发一个聊天应用程序,并面临在 FlatList 中渲染许多消息的问题。我想在列表底部显示最新消息,类似于 What...

回答 1 投票 0

当用户到达底部或顶部时,如何隐藏和显示 FlatList 顶部的浮动按钮?

我有一个扁平列表组件,它呈现一些数据,底部有一个浮动操作按钮,可以执行一些操作。该按钮使用绝对位置,并且始终位于机器人中心...

回答 2 投票 0

平面列表中的动态列数

在 React Native 中,我需要创建一个包含多个项目的列表,但文本的长度不同。因此,我无法确定单行中可以包含多少个项目。我需要计算如何

回答 1 投票 0

项目的 API 完成后,Flatlist 将显示绿色勾号

我正在创建一个平面列表,我需要在每个项目单击时提交一个带有一些请求选项的 API。成功的 API 响应后,我必须为该特定平面列表项显示一个绿色勾号。

回答 1 投票 0

如何创建带有api调用和上下文的过滤器函数?

我有一个 React Native Web 应用程序。我尝试为动物创建一个过滤功能。通过过滤器函数返回的数据是由 api 调用生成的。我正在使用上下文进行注入...

回答 1 投票 0

如何在 React Native 中实现两个 FlatList 之间的拖放功能?

我在网上搜索了解决方案,但没有找到符合我要求的清晰示例或教程。有人可以提供如何实现这一目标的指导吗?任何可以的库或方法

回答 1 投票 0

反应本机错误:不支持动态更改 onviewableitemschanged

我使用 FlatList 来创建水平可滑动列表。但当我想换卡时,我看到了这个错误。当我刷新应用程序时一切正常,就在我想更换卡时(...

回答 1 投票 0

水平平面列表:项目之间的空间

我试图在水平平面列表中的项目周围获得空间,无论我如何尝试,它似乎都不起作用: const renderItem = ({item}) => { 返回 ( <

回答 5 投票 0

Flatlist 项目闪烁然后消失

我有一个应该代表项目的 Flatlist。 昨天 Flatlist 工作没有问题,今天渲染时和再次调用屏幕时开始严重闪烁,o...

回答 1 投票 0

FlatList 无法在 Android 上的 React Native 操作表中工作

FlatList 不再可通过操作表滚动。 我按照文档建议从操作表包导入 FlatList,但是当我加载超过 100 个用户的数据时,它崩溃了....

回答 1 投票 0

React Native 存在 RTK 查询分页问题

我有一个 React Native 移动应用程序,我正在尝试使用 RTK 查询管理 API 请求。在“产品”屏幕上,我使用 getProducts(无限滚动)获取并显示数据。在显示...

回答 1 投票 0

如何使用Flatlist进行导航?

我尝试通过平面列表项目导航屏幕,但未能成功。这是我的代码,出现错误。 Flatlist 有两个元素,即图像、文本,所以我想让它们用于导航......

回答 1 投票 0

错误[类型错误:网络请求失败]

我在用于 API 集成的 React Native expo 应用程序 js 文件中收到错误 [TypeError: Network request failed]。在我的 React js Web 开发中使用相同的 API,效果很好。但它没有...

回答 2 投票 0

返回屏幕并获取新数据时如何从屏幕刷新平面列表组件(React Native)

我正在尝试制作一个应用程序,您可以在其中创建一些项目,在主屏幕(“ProjectsScreen”)上执行此操作我有一个组件,可以在渲染时从 fetchProjects 获取数据。 该项目...

回答 1 投票 0

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