反应原生地图，通过点击标记在滚动视图卡上重新定位

Posted 2023-03-15

【中文标题】反应原生地图，通过点击标记在滚动视图卡上重新定位

【英文标题】：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 通过单击标记，它将重新定位到指定的图像 但是，我不知道应该注意哪些参数以及可以从哪里开始。

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

【问题讨论】：

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

【参考方案1】：

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

【讨论】：

嗨，@obumoon 方法如下this.myRef.getNode().scrollTo( x: markerID * (CARD_WIDTH - 5) , animated: true); 1) 所以你将使用scrollTo 方法的引用。 2）接下来通过本机事件查找标记 ID 3）我标准化卡片尺寸，以便它可以找到正确的卡片