问题标签 [flatlist]

我们在我们的应用程序中创建了一个 FlatList 组件和一个联系人屏幕。我们想在联系人屏幕中的图像附近添加“心”图标。我们在所有项目附近添加了心形图标。但是，如果我们按下其中一个图标，它会将它们的所有颜色变为红色，而不仅仅是其中一个。我们想改变点击项目的颜色。

我们的程序截图：

这是我们的 FlatList 组件：

我们的联系人屏幕只是：

我们如何实现这一点？

大家好，我尝试在 REACT NATIVE 中实现水平平面列表的效果。实际上我有两个平面列表，最上面的一个是水平的，它包含 9 个这样的项目：

正如您可以想象的那样，平面列表溢出，所以我们看不到所有项目，因此我们可以使用触摸事件滚动。

我想当用户单击其中一个项目时，红色底线在好项目下移动动画。黑色的是一个静态的指标。

我使用 ScrollToIndex flatlist 属性将项目移动到屏幕的中心。

我无法获得正确的 X 位置来将幻灯片活动指示器从上一个项目设置为新项目。

Slider 是一个 Animated.View 绝对位置，具有 translateX 变换属性。

有没有人有一个例子或解释。

谢谢你。

咻咻咻

我有一个这样的平面列表：

我已经设置了 onViewableItemsChanged，但是在应用程序启动时，我不断收到错误消息： Flatlist 不支持同时设置 onViewableItemsChanged 和 viewabilityConfigCallbackPairs

我没有看到viewabilityConfigCallbackPairs被设置。所以无法弄清楚这里有什么问题。有人可以帮忙吗？

提前致谢！

我正在通过构建 RideSharing 应用程序来学习 React Native。我有一个功能，允许用户过滤FlatList具有多个乘车的组件，并且每个组件都有不同的items关联，例如日期，乘客数量，成本等......并且filteredDate，，filteredPassangers是filteredCost允许用户的状态变量选择他希望如何过滤。

我编写了过滤数据的函数，如下所示：

但是，当我更改多个变量的状态时，它不会返回任何骑行组件。

我如何编码以便一次过滤多个项目？

我正在React Native通过构建 RideSharing 应用程序来学习。我有一个功能，允许用户过滤FlatList具有多个骑行的组件，并且每个组件都有不同的项目相关联，例如date, number of passengers,cost等......并且filteredDate,filteredPassangers是filteredCost状态变量，允许用户选择他希望的方式过滤。

我编写了过滤数据的函数，如下所示：

当我过滤超过 1 个项目时，它会返回至少具有这些值之一为 true 的任何 Ride 组件。但是，我只希望它返回我过滤的值是真实的游乐设施。

例如，如果我过滤dateandcost项目，我希望 Ride 组件仅返回dataandcost为 true 的游乐设施。

我如何编码以过滤真实的项目？

编辑

这是当前代码：

带滚动条的应用

在我绘制的图像中，您可以看到两个区域，黄色的区域是 ScrollView，红色的区域是平面列表。当我从红色区域滚动时，我希望选项卡向上移动到标题，一旦它们接触到标题，就开始滚动 FlatList 的红色区域。为此，当标签触摸标题时，我将黄色区域的 scrollEnabled 设置为 false，问题是红色区域不会滚动，直到我停止按下并再次按下。

我想要的行为类似于Instagram配置文件，其中有一些标签，然后是照片列表，当标签触摸标头时，您可以继续从图像滚动。

我正在构建一个聊天应用程序，并且从React-Native版本开始，当在Android0.63上的倒置 Flatlist 上涉及长文本时，我的表现很糟糕。

这是一个展示该问题的小吃重现（仅在尝试使用物理 Android 手机时可见）。

我报告了一个错误。对于任何使用倒置 Flatlist 构建聊天应用程序的人来说，这应该是相当公然的，但不知何故，我看不到任何地方都在谈论这个问题。

这让我觉得也许其他人已经以某种方式解决了它？如果是，我该如何解决？它使我的应用程序现在几乎无法使用。

我有一个函数 checkStatus(id) 需要来自平面列表的 item.id。

我可以检查平面列表中 onPress 事件的状态，例如：

但是，我希望为 Flatlist 中的每个项目调用该函数并相应地呈现一些文本。调用该函数时，我有一个 const，其状态随布尔值变化。（hasBeenAdded = true 或 false）所以，我不想要任何 onPress 事件。

我之前做过类似的事情，但它不需要项目的价值，因此我可以称之为

知道如何为每个项目调用平面列表中的函数吗？

我正在尝试使用我在 FlatList 中获取的值导航到另一个屏幕。

举个例子：

这是导航js。

所以我想导航到另一个使用 Value1 作为参数的屏幕。

但我越来越不确定。

请帮我。

我发现使用 React Native 很有趣，但目前我只有一个痛点：

例如 iOS 列表的原生外观和感觉。

因此，如果我在 XCode 中创建一个 SwiftUI 应用程序并添加一个带有一些文本的列表，它看起来就像一个原生 iOS 列表。但是如果我用 an 创建一个 React Native 应用程序FlatList然后在我的 iPhone 上运行，它看起来就像一个完全没有样式的列表。

是否有插件或任何东西来获得“原生”iOS 14 的外观和感觉？