react-native - ListView 总是在 react-native 中滚动回顶部

Question

我正在使用 react-native对于我使用的 iOS 移动应用程序 ListView显示警报列表。我创建了自己的可重用 ListView 组件，名为 ComponentListView在其中我可以传入要在每一行中呈现的组件以及 ListView 的数据。如果我有很多警报并且我最终向下滚动以查看警报，它总是会滚动回顶部(请参阅下面的 rnplay 示例应用程序和症状)，因此我最终无法对警报进行操作.我认为这可能与我创建 ComponentListView 的方式有关。组件，因为如果我只使用一个简单的 ListView组件，它按预期工作，但我需要使用 ComponentListView组件，因为我有许多不同的屏幕，我必须在其中显示包含不同组件的列表，这简化了我的工作。

我在 rnplay 上创建了一个示例应用程序，它显示了这些症状。请在iOS上运行。这里AlarmList正在使用 ComponentListView显示警报列表和 AlarmSummary是每行显示的组件。

Sample app on rnplay

我尝试使用 ComponentListView 的渲染方法中的一些控制台日志语句来调试它，以检查组件是否在滚动时一次又一次地重新渲染，但情况似乎并非如此。我也尝试在 Chrome 调试器中进行调试，但我有点想法，不知道如何/在哪里调试。

如果您有任何解决问题的方法，请告诉我。

Answer 1

给 flex: 1归因于 sceneContainer还有，比如:

sceneContainer: {
  flex: 1,
  marginTop: 60
},

在这里工作: https://rnplay.org/apps/TL9N9g