如何在 React Native IOS 应用程序 header 之后将 ListView 的点击项目定位在屏幕顶部?

How to position the clicked item of ListView on top of the screen just after header in react native IOS app?

我正在使用 ListView 组件。在我的设计中,每个 item/row 列表视图都可以在单击时展开或折叠。但是一次只能有一个项目保持展开状态。

问题是,当我尝试单击列表视图中的任何项目以展开时,在某些情况下,它的某些部分在我向下滚动之前是不可见的。要在屏幕上显示展开卡片的全部细节,我需要将展开卡片放在移动屏幕顶部,紧跟在 header 之后。 我如何实现这一目标?

您可以使用新的 FlatList 组件:https://facebook.github.io/react-native/docs/flatlist.html(在 React Native 0.43 中添加)。

它具有 scrollToItem 方法,可以帮助您做您想做的事。