reactjs - React Native Horizontal Flatlist 动画项目指示器
问题描述
大家好,我尝试在 REACT NATIVE 中实现水平平面列表的效果。实际上我有两个平面列表,最上面的一个是水平的,它包含 9 个这样的项目:
正如您可以想象的那样,平面列表溢出,所以我们看不到所有项目,因此我们可以使用触摸事件滚动。
我想当用户单击其中一个项目时,红色底线在好项目下移动动画。黑色的是一个静态的指标。
我使用 ScrollToIndex flatlist 属性将项目移动到屏幕的中心。
我无法获得正确的 X 位置来将幻灯片活动指示器从上一个项目设置为新项目。
Slider 是一个 Animated.View 绝对位置,具有 translateX 变换属性。
有没有人有一个例子或解释。
谢谢你。
咻咻咻
解决方案
推荐阅读
- python - 无需在 Python 中复制数据的多处理
- python - 如何有效地在 pandas DataFrame 中生成 AR(1) 进程
- reactjs - 让状态成为对象而不是字符串被认为是最佳实践吗?
- c++ - 保持 shared_ptr use_count() 为 1
- reactjs - 'useEffect',缺少返回类型注释,隐含有一个'any'返回类型.ts(7010)
- java - 当通过 and 限制索引范围时,Hotspot 可以消除边界检查吗?
- jenkins - 使用 ${currentBuild.number} 在 jenkins 中发送松弛消息
- javascript - 如何防止 CTRL 和滚轮 / 触控板在 Flutter Web 中缩放?
- python - 通过升序键和降序值对计算单词出现次数的 Python 字典进行排序
- r - 使用 R 中的列表替换值