react-native-flatlist 相关问题

使用expo-router(React Native)中的抽屉布局时,屏幕顶部有额外的填充/空白空间

我正在开发一个使用 expo-router 阅读 React Native 移动应用程序的故事。我把所有东西都放在 expo-router 的抽屉布局中。 我注意到标题上方有一个额外的空白。当我

回答 1 投票 0

如何在 centerContent 设置为 true 的 FlatList 中使用 pull 进行刷新(React Native)

我一直在尝试使 FlatList 与居中内容一起工作,但有一个问题。 当我将属性 centerContent (来自 ScrollView)设置为 true 时,滚动不起作用,因为内容是

回答 1 投票 0

如何通过按底部栏选项卡刷新 FlatList?

当按下底部栏选项卡并且我们位于 FlatList 的顶部时,我无法找到刷新 FlatList 的正确方法。 我确实使用 useScrollToT 成功到达了 FlatList 的顶部...

回答 2 投票 0

如何在 React-Native (JavaScript) 中显示文本更多/更少

我正在开发反应本机应用程序。其中,我们正在显示一些关于文本的描述,它可能是行数。 所以,如果数据超过 3 行,如果展开的话我必须显示更多和更少...

回答 9 投票 0

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

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