使用条件标记反应原生地图

import React, { useState } from 'react';
import { View, Button } from 'react-native';
import MapView, { Marker } from 'react-native-maps';

const App = () => {
  const [showMarker, setShowMarker] = useState(false);

  return (
    <View style={{ flex: 1 }}>
      <MapView
        style={{ flex: 1 }}
        initialRegion={{
          latitude: 37.78825,
          longitude: -122.4324,
          latitudeDelta: 0.0922,
          longitudeDelta: 0.0421,
        }}
      >
        {showMarker && (
          <Marker
            coordinate={{ latitude: 37.78825, longitude: -122.4324 }}
            title="Marker Title"
            description="This is a marker"
          />
        )}
      </MapView>
      <Button
        title={showMarker ? 'Hide Marker' : 'Show Marker'}
        onPress={() => setShowMarker(!showMarker)}
      />
    </View>
  );
};

export default App;