2019년도 하기 React Native로 앱 만들기②

■ 소개

지난번에 이어 React Native로 앱을 만든다.
마지막: htps : // 코 m / 사토 사과 5 / ms / bf1 아 3 6 bcb4 에카베 127

이번에 할 일
· 오류 해결
· 테스트 앱 만들기

■ 오류 해결

하룻밤 안에 요정씨가 어떻게든 해준 가능성에 걸치고, 아무것도 대응하지 않고 expo를 기동해 본다.


? ? ? ? ? ? ? ? ? ? ?


왜 잘 작동했다.

라고 생각했지만 Node.js의 12.14.0을 제거하고 12.4.0을 다시 도입한 것을 잊었다.


브라우저의 콘솔도 정상적으로 기동. 표시된 QR은 스마트폰에서 읽으면 위에서 기동한 프로젝트의 동작 확인을 할 수 있다. (후술)


Nood.js 버전을 낮추면 오류가 해결되었습니다.
우선 해결했으므로 다음.

■Hello,World를 진행한다

다음은 스마트폰측의 조작.
아래 앱을 설치합니다.


앱을 시작합니다.


ScanQRCode를 탭하여 PC에 표시된 QR을 로드합니다.


그 후, PC측과의 접속이 완료되면, 이하와 같은 화면이 표시된다.


내용은 프로젝트의 소스가 놓여 있는 폴더의 App.js의 내용이 표시된다.


문장을 Hello, world!로 다시 쓰고 덮어 씁니다.


그러면 실시간으로 스마트 폰 측의 화면에 반영된다. 편리.


테스트 앱 등이라는 푹신한 것이 무엇인지 정의하기 어렵지만, 위의 Hello, World!를 테스트 앱으로 한다.
이것에 의해, 처음에 쓴 이번 하는 것을 달성한 것이 된다. 예정대로. 훌륭합니다.

이번은 여기까지.

■ 정리

이번에 한 일
· 에러 해소
· Hello, world
위는 어디까지나 PC에서 스마트폰으로 변경 내용을 보내 디버그하고 있는 상태에 불과하기 때문에 다음에 굳은 상태의 것을 스마트폰에 돌진해 움직여 보고 싶다.

다음에 할 일
・굳혀 스마트폰에 돌진

이상

다음 번 : htps : // 코 m / 사토 사과 5 / ms / c9b7 굉장히 11f1 7700b27