リアクションネイティブマップ赤いアウトラインios

Question

react-native-mapsで赤い枠線の問題を解決しようとしています。私は通常どおり、スタイリング、再インストール/再リンク、そしてxcodeプロジェクトにエアマップを追加しようとしましたが、私はGoogleマップを使用しようとはしていません。どんな助けでも大歓迎です。

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

import MapView from 'react-native-maps'; 

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

const styles = StyleSheet.create({ 
    container: { 
    ...StyleSheet.absoluteFillObject, 
    justifyContent: 'flex-end', 
    alignItems: 'center', 
    }, 
    map: { 
    ...StyleSheet.absoluteFillObject, 
    width: width, 
    height: height, 
    }, 
}); 

export default class Map extends Component { 

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

}; 

Answer 1

あなたの代わりにあなたが使用しようとしているコンポーネントの赤い枠を取得すると、それはこのコンポーネントのネイティブのビューが含まれているライブラリがプロジェクトにリンクされていなかったことを意味します。

インストール手順を慎重に実行し、手順を見逃していないかどうかを確認する必要があります。

パッケージをリンクしてもまだ赤い枠線が表示されている場合は、ネイティブプロジェクトをリンクした後にコンパイルしなかったことを意味します。リンクの変更を有効にするには、もう一度ビルドする必要があります。

Answer 2

問題を解決しました。私は、コマンドプロンプト（CTRL + C）に

セカンドを実行しているNPMのうちに終了することを確認作ら

まず、私は、ファイルを実行した - >完全にいずれかを消去するために、シミュレータで「コンテンツと設定をリセット」シミュレータは、私は「反応し、ネイティブのリンクを」コマンドプロンプトにすべてのリンクが設定されたことを確認するために、これは

第四の実行を終了したときに走った自分自身をリセットしている間に古いプロジェクトは、

第三にファイルを、私はその後、再コンパイルコマンドプロンプトで "react-native run-ios"を実行します。

問題を解決しました。おそらく、シミュレータ上にファイルが更新されず、プロジェクトが最初にロードされたときにダウンロードされるファイルがあるためです。 （私はおそらく間違っていますが、エンジニアがそれを私に指摘すると確信しています）