0

私はこの質問で同じ問題を抱えています: react-native - 反応ネイティブマップを使用してマップを表示する方法

誰かがreact-native linkこれを解決するために実行することを提案しましたが、私にはうまくいきません。

この問題の他の解決策はありますか?

スクリーン:

ここに画像の説明を入力

import React, { Component } from 'react';
import { StyleSheet, View, Dimensions } from 'react-native';
import MapView from 'react-native-maps';

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

const styles = StyleSheet.create({
  container: { 
    position: 'absolute',
    top: 0,
    left: 0,
    right: 0,
    bottom: 0,
    justifyContent: 'flex-end',
    alignItems: 'center',

  },
  map: {
    position: 'absolute',
    top: 0,
    left: 0,
    right: 0,
    bottom: 0,
    width: width,
    height: height
  },
});

class TestMap extends Component {

  constructor() {
    super();
  }

  render() {
    return (
        <View style={ styles.container }>
          <MapView
            style={ styles.map }
            initialRegion={{
              latitude: 37.78825,
              longitude: -122.4324,
              latitudeDelta: 0.0922,
              longitudeDelta: 0.0421,
            }}
          />
        </View>
    );
  }

}

export default TestMap;
4

1 に答える 1