一个标记数组正在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。
1条答案
按热度按时间vdzxcuhz1#
我有同样的问题,我正在导入标记如下(没有得到任何错误):
我改变了它如下和标记开始出现。
我希望这对你有帮助:)