问题描述
我是 React Native 的新手,我在使用 react-native-maps Callout 的两个平台上都遇到了问题。我在 iOS 上使用 Apple 地图,在 Android 上使用 Google 地图。标注显示标题和图片。
在 iOS 上,当我在地图中有多个标记,并且其中一些标记彼此非常接近时,单击标记时标注会显示一秒钟,但随后会隐藏并显示离最近标记的标记。我搜索了一个解决方案,发现人们使用了一些变通方法,例如设置 pointerEvents="auto",但对我没有任何作用。
在 Android 上,单击标记时标注显示正确,但图像未显示。我还搜索并找到了一种解决方法,包括 a 中的图像,但这对我根本不起作用,它效果更好,因为大多数时候都会显示图像,但并非总是如此。所以现在我只在 Android 上显示标题。
我尝试使用最后一个 react-native-maps 版本 0.28.0 和相同的行为。我没有在 iOS 上试过谷歌地图,如果我找不到解决方案,我认为这将是以下步骤。
我也尝试过 react-native-mapBox-gl 并且在 iOS 上工作正常,标注正确显示标题和图像,但在 Android 上我安装了应用程序,它打开一秒钟然后关闭,抛出 MainActivity not found 错误。如果我在没有 react-native-mapBox-gl 的情况下返回上一次提交,则它会正确安装并打开。我也考虑过在 iOS 上使用 react-native-mapBox-gl 和在 Android 上使用 react-native-maps。但是,在 React Native 中使用地图真的有那么难吗?
提前致谢。
解决方法
我遇到了同样的问题并解决了将其添加到标记中的问题 锚点={{x: 1,y: 1}} pointerEvents="自动"