【问题标题】:React native Maps, Recentering on a scrollview card by tapping on a marker反应原生地图,通过点击标记在滚动视图卡上重新定位
【发布时间】:2018-09-28 16:17:24
【问题描述】:

您好,我正在尝试做与本教程相反的操作,https://codedaily.io/tutorials/9/Build-a-Map-with-Custom-Animated-Markers-and-Region-Focus-when-Content-is-Scrolled-in-React-Native 通过单击标记,它将重新定位到指定的图像 但是,我不知道应该注意哪些参数以及可以从哪里开始。

您的意见和建议将不胜感激。

【问题讨论】:

  • 我首先建议:按照教程并创建自己的教学版本。从那里,您可以开始修改代码,并在此处与社区分享您的尝试,以便我们更好地为您提供帮助。祝你好运!

标签: react-native animation


【解决方案1】:

您好,我已经设法解决了这个问题,只需通过本机事件调用标记值来设置点,同时将卡片尺寸标准化为屏幕宽度并使用带有动画 true 的 scrollTo。

【讨论】:

  • 嗨,@obumoon 方法如下this.myRef.getNode().scrollTo({ x: markerID * (CARD_WIDTH - 5) , animated: true}); 1) 所以你将使用scrollTo 方法的引用。 2)接下来通过本机事件查找标记 ID 3)我标准化卡片尺寸,以便它可以找到正确的卡片
猜你喜欢
  • 1970-01-01
  • 2019-08-14
  • 2019-05-19
  • 1970-01-01
  • 1970-01-01
  • 2021-03-02
  • 1970-01-01
  • 2020-10-28
  • 1970-01-01
相关资源
最近更新 更多