如何在运行时在react-native-mapbox-gl中显示/隐藏栅格图层(可见性属性visible/none)

import React, { useState } from 'react';
import MapboxGL from '@react-native-mapbox-gl/maps';

const App = () => {
  const [isVisible, setIsVisible] = useState(true);

  const toggleLayerVisibility = () => {
    setIsVisible(!isVisible);
  };

  return (
    <View style={{ flex: 1 }}>
      <MapboxGL.MapView style={{ flex: 1 }}>
        {/* 其他地图图层 */}
        <MapboxGL.RasterLayer
          id="rasterLayer"
          style={{ visibility: isVisible ? 'visible' : 'none' }}
        />
        {/* 其他地图图层 */}
      </MapboxGL.MapView>
      <Button
        title={isVisible ? '隐藏图层' : '显示图层'}
        onPress={toggleLayerVisibility}
      />
    </View>
  );
};

export default App;