react-native - 如何在 react-native 中显示 ListView,其中登录用户的等级应该始终可见

标签 react-native react-native-ios react-native-listview

我想在 react-native 中显示一个 ListView,其中登录用户的排名(假设“我的排名”)应该始终与其他用户列表可见:

如果“我的排名”高于其他用户(可见用户),则在底部显示“我的排名”行(如粘性行): 这里蓝色背景的行是更高级别的用户(我的级别行)(Sticky row)。

enter image description here

滚动时,当滚动的用户排名达到“我的排名”(粘性行排名)时,“我的排名”(粘性行)应与其他用户一起作为普通行向上移动。 看图片(就像一个普通的排名列表)

enter image description here

滚动时,当“我的排名”(现在与其他用户一起滚动的排名)到达列表顶部时,它应该停留在顶部。因此,当用户进一步滚动时,“我的排名”行应该始终显示在顶部。

enter image description here

我想使用 react-native 来实现这一点。请提出实现这一目标的方法。

最佳答案

您可以使用 stickyHeaderIndices 来实现这一点。引用stickyHeaderIndices

关于react-native - 如何在 react-native 中显示 ListView,其中登录用户的等级应该始终可见,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48180879/

相关文章:

javascript - 升级后 React Native 导入不起作用

reactjs - Amplify React Native - 使用 amplify add api 出现重复错误

react-native - 如何让 React Native 列表只从底部反弹?

react-native - Expo 中的 Google 登录按钮品牌样式

javascript - 在循环中渲染重复组件

React-native 弹性高度

ios - React Native - 当键盘显示时调整 ScrollView (ios)

android - 在 React Native 中从 Web 服务填充 ListView

javascript - 如何更新 React-Native ListView ?

reactjs - 不变违规 : Tried to register two views with the same name RNCSafeAreaProvider error with @react-navigation/stack