How to use the @react-native-mapbox-gl/maps.MapView function in @react-native-mapbox-gl/maps

const Container = styled.View`
  flex: 1;
  display: flex;
  flex-flow: column nowrap;
`
const MainBody = styled.View`
  flex: 1;
  position: relative;
  background-color: white;
`
const MainHeader = styled(Header)`

`

const StyledMap = styled(MapboxGL.MapView)`
  flex: 1;
  width: 100%;
`

class Explore extends React.Component {
  static navigationOptions = ({ navigation }) => {
    return {
      drawerLabel: 'Explore',
      drawerIcon: () => (
        
      )
    }
  }

const LengthText = styled.Text`
  font-size: 20;
  letter-spacing: 1;
`

const TimeText = styled.Text`
  padding-top: 5;
  padding-bottom: 5;
  letter-spacing: 1;
`

const MapContainer = styled.View`
  height: 400;
  background-color: gray;
`
const Map = styled(MapboxGL.MapView)`
  flex: 1;
  width: 100%
`
class TraceDetailScreen extends React.Component {
  static navigationOptions = ({ navigation }) => {
    return {
      title: 'Trace Details'
    }
  }

  state = {
    editing: false,
    description: null
  }

  getTrace = (id) => {