padding-top: ${({insets: {top}}) => top}px; 이부분에서 에러가 발생하는군요

해결된 질문2021-12-04T07:29:54.357Z

shafeel2

작성한 질문수 67

0

아 그렇군요

참 님의 아래의 깃헙주소

https://github.com/Alchemist85K/inflearn-react-native 

 

이곳에 들어가도 해당파일을 찾을수 없는데

제가 뭔가 잘못알고 있는 것 같군요

0

안녕하세요 shafeel2 님, 

   

대부분 에러 메시지를 보면 원인을 파악할 수 있습니다. 

에러를 보면 undefined인데 top속성에 접근하려 해서 나타난 에러라고 설명하고 있습니다. 

top을 사용한 부분은 제목에 작성해주신대로 insets의 top을 받아오는 부분입니다. 

그렇다면 insets가 undefined라는 얘기입니다. 

insets를 props로 넘겨주지 않으면 insets가 undefined가 됩니다. 

코드를 보면 Container를 사용할 때, props로 insets를 전달하지 않고 있습니다. 

코드를 다음과 같이 변경해 보세요

return (

        <Container insets={insets}>

... (이하 생략)

);

    

버전이 변경되면서 사용법이 바뀌지 않는다면 대부분 오타이거나 무언가 누락된 경우가 대부분입니다. 

강의를 다시 보면서 잘 확인해 보시기 바랍니다. 

혹은, 제 깃헙에 공개된 최종 파일과 비교를 해보는것도 한가지 방법입니다. 

  

즐거운 하루 되세요

감사합니다.