2017-04-16 10 views
1

react-native-maps으로 빨간색 테두리 문제를 해결하려고합니다. 나는 모든 스타일링, 재설치/재 링크 및 my xcode 프로젝트에 에어 맵 추가를 모두 시도했지만, Google지도를 사용하려고하지 않습니다. 어떤 도움이라도 대단히 감사하겠습니다. 당신은 빨간색 테두리 대신 사용하려는 구성 요소를 얻을 때React Native Maps 빨간색 윤곽선 ios

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> 
    ); 
    } 

}; 
+0

'빨간색 테두리 문제'란 무엇입니까? 지도가 실제로 빨간색 테두리로 렌더링되는지 또는 빈 빨간색 사각형 만 얻나요? –

+0

빨간색 상자가있는 빈 상자 –

답변

2

는,이 구성 요소에 대한 기본보기를 포함하는 라이브러리 프로젝트에 연결되지 않았 음을 의미합니다.

설치 지침을주의 깊게 읽고 아무 ​​단계도 놓치지 않았는지 확인하십시오.

패키지를 링크했지만 여전히 빨간색 테두리가 나타나면 연결된 후에 네이티브 프로젝트를 컴파일하지 않았 음을 의미합니다. 링크 변경 사항을 적용하려면 다시 빌드해야합니다.

+0

내 질문에 무식하지만 'react-native run-ios'가 기본 응용 프로그램을 다시 컴파일하지 않으면 죄송합니다. 나는 그것이 적절하게 연결되어 있다는 것을 압니다. –

+0

예, run-ios가 빌드해야합니다. 올바르게 연결되었는지 어떻게 알 수 있습니까? Xcode 프로젝트를 열고 설정이 제대로되었는지 확인하는 것이 좋습니다. 보통 수동으로 설치하기위한 지침이 있으므로 모든 것이 있는지 확인할 수 있습니다. – Artal

+0

반응 네이티브 맵의 경우'react-native link' 만 실행하면됩니다. –

0

문제가 해결되었습니다. > 완전히 하나를 지우고, 시뮬레이터에서 "콘텐츠 재설정 설정"-

첫째, 나는 (CTRL + C)

둘째, NPM은 명령 프롬프트에서 실행을 종료해야했다, 나는 파일을 실행 시뮬레이터 내가 "반응 네이티브 링크를"명령 프롬프트에서 모든 링크가 설정 한 확인하기 위해,이

네 번째 실행이 완료되면 실행 자체를 재설정하는 동안 기존 프로젝트는

세 번째 파일, 그때 재 컴파일 명령 프롬프트에서 "react-native run-ios"를 실행합니다.

문제가 해결되었습니다. 아마도 시뮬레이터에 파일이 업데이트되지 않고 프로젝트가 처음로드 될 때 다운로드되는 파일이있을 가능성이 높습니다. (나는 틀 렸지만 엔지니어가 저에게 그것을 지적 할 것이라고 확신합니다)

관련 문제