使用 MaxBox 相机组件后,react-native 应用程序崩溃了

问题描述 投票:0回答:1

潜伏好久了,第一次提问…… 我了解 npm 或 React-native 的基础知识,而在使用其他 API 集成时我知之甚少。但我正在开发一个应用程序,其中包含一张地图,其中包含其屏幕上某个位置的坐标。对于地图,我使用 MapBox

我的部分代码曾经看起来像这样,并且可以工作。它显示了地图,但我实际上无法显示我想要的坐标。

import Mapbox from '@rnmapbox/maps';
...
          <View style={styles.mapContainer}>
            <Mapbox.MapView
              style={styles.map}
              projection="globe"
              styleURL={styleURL}
              logoEnabled={false}
              focusable={true}/>
          </View>

但是现在当我添加这样的相机时:

          <View style={styles.mapContainer}>
            <Mapbox.MapView
              style={styles.map}
              projection="globe"
              styleURL={styleURL}
              logoEnabled={false}
              focusable={true}>
              <Mapbox.Camera
                zoomLevel={12}
                centerCoordinate={post.coordinates}
              />
            </Mapbox.MapView>
          </View>

它会加载页面一段时间。尝试加载地图,然后崩溃了。最糟糕的是它甚至不显示任何类型的错误或警告。它只是关闭应用程序。我想相机不应该这样使用,但如果是这样,我实际上该怎么做?

其他信息: npm:10.2.4 反应:18.2.0 反应本机:0.73.2,

react-native mapbox
1个回答
0
投票

我忘了添加坐标。错误是他们造成的。我从谷歌地图 [x,y] 获得了坐标,但我不知道 Mapbox 将它们用作 [y,x],所以在更改顺序后,应用程序停止崩溃!

© www.soinside.com 2019 - 2024. All rights reserved.