react-native-maps未在iOS上渲染的标记

m3eecexj  于 2023-04-12  发布在  React
关注(0)|答案(1)|浏览(161)

一个标记数组正在Android上渲染,但在iOS上没有。当我传递一个标记时,这确实有效,但数组无法显示。
它可以在Expo应用程序中的iOS上工作,但当我将其发布到TestFlight时,它就停止工作了。
“react-native-maps”:“1.3.2”“expo”:“^47.0.0”
我的组件代码是:

const MapV2 = ({location, style, markers, title, coordinate, onPress, selectedStation}) => {
  const mapRef = useRef(null);
  const [mapReady, setMapReady] = useState(false);

  const onRegionChangeComplete = (currentRegion) => {};

    return (
      <MapView
        ref={mapRef}
        onMapReady={() => {
          setTimeout(() => setMapReady(true), 1000)
        }}
        style={style}
        initialRegion={{
          ...location,
          latitudeDelta: 0.0922,
          longitudeDelta: 0.0421,
        }}
        onRegionChangeComplete={(currentRegion) => {
          onRegionChangeComplete(currentRegion);
        }}
        showsUserLocation
        showsMyLocationButton={false}
        provider={PROVIDER_GOOGLE}
        customMapStyle={...}
      >
        {markers?.map((m, index) => {
          return (
            <Marker
              key={index}
              coordinate={m.coordinate}
              onPress={m.onPress}
              tracksViewChanges={!mapReady}
              image={
               selectedStation?.id == m.item.id
                  ? petrol_on
                  : m.homeStation
                  ? petrol_home
                  : petrol_off
              }
            />
          );
        })}
        {title && (
          <Marker
            key={"1"}
            title={title}
            coordinate={coordinate}
            onPress={onPress}
            image={petrol_on}
          />
        )}
      </MapView>
    );
}

我已经实现的解决方案写在:https://github.com/react-native-maps/react-native-maps/issues/3384但没有运气
我试过https://github.com/venits/react-native-map-clustering/issues/237
已尝试功能组件和非功能组件,但结果相同。
向标记添加zIndex。

vdzxcuhz

vdzxcuhz1#

我有同样的问题,我正在导入标记如下(没有得到任何错误):

import Marker from 'react-native-maps';

我改变了它如下和标记开始出现。

import { Marker } from 'react-native-maps';

我希望这对你有帮助:)

相关问题