はネイティブ地図liteModeに動作していない

Question

コード

import React from 'react'; 
 
import { 
 
    StyleSheet, 
 
    Dimensions, 
 
    ScrollView, 
 
} from 'react-native'; 
 

 
import MapView from 'react-native-maps'; 
 

 
const { width, height } = Dimensions.get('window'); 
 

 
const ASPECT_RATIO = width/height; 
 
const LATITUDE = 37.78825; 
 
const LONGITUDE = -122.4324; 
 
const LATITUDE_DELTA = 0.0922; 
 
const LONGITUDE_DELTA = LATITUDE_DELTA * ASPECT_RATIO; 
 

 
const SAMPLE_REGION = { 
 
    latitude: LATITUDE, 
 
    longitude: LONGITUDE, 
 
    latitudeDelta: LATITUDE_DELTA, 
 
    longitudeDelta: LONGITUDE_DELTA, 
 
}; 
 

 
class Map extends React.Component { 
 
    render() { 
 
    const maps = []; 
 
    for (let i = 0; i < 1; i++) { 
 
     maps.push(
 
     <MapView 
 
      liteMode={true} 
 
      key={`map_${i}`} 
 
      style={styles.map} 
 
      initialRegion={SAMPLE_REGION} 
 
     />, 
 
    ); 
 
    } 
 
    return (
 
     <ScrollView style={StyleSheet.absoluteFillObject}> 
 
     {maps} 
 
     </ScrollView> 
 
    ); 
 
    } 
 
} 
 

 
const styles = StyleSheet.create({ 
 
    map: { 
 
    height: 200, 
 
    marginVertical: 50, 
 
    }, 
 
}); 
 

 
export { Map };

エラー

要素型が無効ですリアクト/ function（複合コンポーネントの場合）が定義されていません。コンポーネントを定義したファイルからエクスポートするのを忘れた可能性があります。

MapViewのレンダリング方法を確認してください。

問題

私だけ、私はのMapViewにliteMode小道具を追加するときに、このエラーが発生します。

Answer 1

あなたはこれが言うように同じことをした例は https://github.com/airbnb/react-native-maps/blob/master/example/examples/LiteMapView.js