问题标签 [flatlist]

我使用 Expo 和 flatlist 方法“scrollToEnd()”在 android 和 ios 上运行良好，但在 web 上不起作用。有什么办法可以解决这个问题，还是 web 上不支持方法 scrollToEnd()？

平面列表

当其中一项发生更改时，我的 FlatListrenderItem正在重新渲染每个项目。
在做了一些调试之后，我对保存项目 (+ React.memo) 的状态变量进行了深度克隆，它现在工作正常，但不确定它是否是最佳解决方案。

小吃： https ://snack.expo.io/-419PhiUl

应用程序.js

项目.js

我可以在 renderItem 中完美导航，但是当我尝试在我在标题中使用的组件中单击它时说“未定义不是对象（评估'_this.props.navigation.navigate'）

这就是我试图在传递给 FlatLists 标题的组件中导航的方式 <TouchableOpacity onPress={() => this.props.navigation.navigate('Profile', { data: info })}>

我将数据“item.email”从屏幕 X 发送到屏幕 HomeParent 如何在 HomeParent 屏幕中检索数据？

我目前正在创建一个入职屏幕，它只是几个组件，通过单击按钮线性导航到下一个组件。但是我已经看到我可以使用平面列表来更好地设置样式。是否可以将组件作为数据道具传递给平面列表？

例如，这可能吗？我知道有一个 renderItems 道具似乎做了类似的事情，但似乎将数据与我真正想要的项目相匹配。还有更好的吗？或者，如果有任何更好的库可用于 React Native 中的入职选项，那就太好了。我看到的大部分内容都类似于平面列表，并且只添加了一个带有文本而不是输入等的数组

我的数据是这样的：

我想要这样的输出：

在我的渲染方法中，我有这个：

我的_renderList功能是这样的：

我尝试过使用状态，但显然它不能在 renderList 循环中使用。这可以通过 Flatlist 来实现，还是应该使用 SectionList 来代替？提前致谢 ：）

我有一个带有 listHeaderComponent 和 listFooterComponent 的 flatList。用户添加 listItem 后，我需要将焦点放在 listFooterComponent 上。

在页脚上，我创建了这个 forwardRef，以便稍后提供焦点。

在主页和 nextFocus 函数上创建引用，以将焦点放在我的按钮上。

但是 ref 总是未定义并且在尝试给予焦点时崩溃。

图片 https://ibb.co/vJM305f

我正在使用 FlatList 来显示水平列表。每个项目都有一个showdow，它溢出其他项目。它可以在没有 FlatList 的情况下工作。但不幸的是，FlatList 没有。

我在上面附上了一张图片。它显示了一条阴影线，这是问题所在。相反，应该如下图所示。 https://ibb.co/6NWtcTK

我正在开发一个需要使用 Firebase 进行 CRUD 操作的程序。我正在使用 Firestore 存储我的数据，并且我有一个名为“通知”的集合，如下所示： https ://i.stack.imgur.com/hCe8q.png

现在，我想做的是使用平面列表在屏幕上显示用户收到的不同通知。我想这样做，以便在将文档添加/删除/修改到集合“通知”中时实时更新。

我将基于此示例： https ://rnfirebase.io/firestore/usage-with-flatlists

但是我一直遇到这个错误： 错误：需要模块“node_modules/@react-native-firebase/firestore/lib/index.js”，它引发了异常：不变违规：本机模块不能为空。

（更长的错误，但我正在粘贴主要部分）

如果有人能帮我解决这个问题，我将不胜感激。谢谢你。

我的代码如下：

我想实现全屏垂直滑块的行为。我已经添加了pagingEnable道具，FlatList但它不能正常工作。

下面是我的代码。

请将此图片作为参考：https ://drive.google.com/file/d/1Z1-0jDDZ5rqBvbqMcw2XytHVUhROkG2o/view?usp=sharing