2019. 07. 27 이머시브 수업 9주차 - 6일(react-native issue)

react-native issue 1

자꾸 시뮬레이터에서 warning을 띄우는 issue가 있었다

Life Cycle 같은것이 노란색화면에 떴는데 나는 componentWillReceiveProps 라는것을 코드에 쓴 적이 없어서 내부적으로 작동이 되는듯 싶었다

 

container tag안에 content tag 를 쓰니까 yellow box가 뜨기 시작했고,

그래서 나는 모든 content tag를 form으로 바꿔서 사용을 했다

이게 왜 이렇게 작동이 되는지는 잘 모르겠지만,

Container 혹은 Form 대신에 또 무엇을 쓸 수 있는지는 알아볼 필요가 있다고 생각했다

<Container>
  <Content>
  	--- 생략 ---
  </Content>
</Container>

// 수정 후
<Container>
  <Form>
    --- 생략 ---
  </Form>
</Container>

 

에러가 났을때(android)

 

에러를 해결한 이후(ios)

---

react-native issue 2

참고자료 : https://facebook.github.io/react-native/docs/platform-specific-code

 

이 부분을 적용시켜서 ios, android를 따로따로 만들지않고 하나의 file로 가져가면서 만들고싶었는데 잘 적용이 되지 않았다

팀원한테 도움을 받아서 native-base 를 적용시키고 해결할 수 있었다

\

native-base 의 button을 안쓰니까 button에 style을 직접적으로 적용을 못시키는건지,

button 아래 계속 빨간줄이 떠있고 시뮬레이터에 렌더가 안됐었는데 native-base로 해결할 수 있었다 !